|
0
|
1 .pagination {
|
|
|
2 display: flex;
|
|
|
3 // 1-2: Disable browser default list styles
|
|
|
4 padding-left: 0; // 1
|
|
|
5 list-style: none; // 2
|
|
|
6 @include border-radius();
|
|
|
7 }
|
|
|
8
|
|
|
9 .page-item {
|
|
|
10 &:first-child {
|
|
|
11 .page-link {
|
|
|
12 margin-left: 0;
|
|
|
13 @include border-left-radius($border-radius);
|
|
|
14 }
|
|
|
15 }
|
|
|
16 &:last-child {
|
|
|
17 .page-link {
|
|
|
18 @include border-right-radius($border-radius);
|
|
|
19 }
|
|
|
20 }
|
|
|
21
|
|
|
22 &.active .page-link {
|
|
|
23 z-index: 2;
|
|
|
24 color: $pagination-active-color;
|
|
|
25 background-color: $pagination-active-bg;
|
|
|
26 border-color: $pagination-active-border-color;
|
|
|
27 }
|
|
|
28
|
|
|
29 &.disabled .page-link {
|
|
|
30 color: $pagination-disabled-color;
|
|
|
31 pointer-events: none;
|
|
|
32 background-color: $pagination-disabled-bg;
|
|
|
33 border-color: $pagination-disabled-border-color;
|
|
|
34 }
|
|
|
35 }
|
|
|
36
|
|
|
37 .page-link {
|
|
|
38 position: relative;
|
|
|
39 display: block;
|
|
|
40 padding: $pagination-padding-y $pagination-padding-x;
|
|
|
41 margin-left: -1px;
|
|
|
42 line-height: $pagination-line-height;
|
|
|
43 color: $pagination-color;
|
|
|
44 background-color: $pagination-bg;
|
|
|
45 border: $pagination-border-width solid $pagination-border-color;
|
|
|
46
|
|
|
47 @include hover-focus {
|
|
|
48 color: $pagination-hover-color;
|
|
|
49 text-decoration: none;
|
|
|
50 background-color: $pagination-hover-bg;
|
|
|
51 border-color: $pagination-hover-border-color;
|
|
|
52 }
|
|
|
53 }
|
|
|
54
|
|
|
55
|
|
|
56 //
|
|
|
57 // Sizing
|
|
|
58 //
|
|
|
59
|
|
|
60 .pagination-lg {
|
|
|
61 @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
|
|
|
62 }
|
|
|
63
|
|
|
64 .pagination-sm {
|
|
|
65 @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
|
|
|
66 }
|
