Commit | Line | Data |
---|---|---|
8641a162 MW |
1 | .pagination { |
2 | @include screen-xs { | |
3 | text-align: center; | |
4 | } | |
8a52619a | 5 | |
8641a162 MW |
6 | > ul { |
7 | display: inline-flex; | |
8 | flex-wrap: wrap; | |
8a52619a | 9 | |
8641a162 MW |
10 | > li { |
11 | display: flex; | |
12 | flex: 0 0 auto; | |
8a52619a | 13 | |
8641a162 MW |
14 | > .invisible { |
15 | display: none; | |
16 | } | |
8a52619a | 17 | |
22d06c7a MW |
18 | > a, |
19 | > span { | |
8641a162 MW |
20 | color: $wcfContentText; |
21 | padding: 2px 8px 0; | |
22 | } | |
8a52619a | 23 | |
8641a162 MW |
24 | &.disabled > span { |
25 | color: $wcfContentDimmedText; | |
26 | } | |
8a52619a | 27 | |
8641a162 MW |
28 | &.active > a, |
29 | &.active > span, | |
30 | > a:hover { | |
31 | background-color: $wcfButtonBackgroundActive; | |
32 | color: $wcfButtonTextActive; | |
33 | } | |
8a52619a | 34 | |
8641a162 MW |
35 | > .icon { |
36 | height: auto; | |
37 | line-height: inherit; | |
38 | width: auto; | |
39 | } | |
8a52619a | 40 | |
8641a162 MW |
41 | &:not(:last-child) { |
42 | margin-right: 1px; | |
43 | } | |
8a52619a | 44 | |
8641a162 MW |
45 | &:not(.skip) { |
46 | > a, | |
47 | > span { | |
48 | padding: 4px 8px; | |
49 | } | |
22d06c7a | 50 | } |
8a52619a | 51 | |
dba11bb2 MW |
52 | &:first-child { |
53 | > a, | |
54 | > span { | |
55 | &::before { | |
56 | left: -1px; | |
57 | position: relative; | |
58 | } | |
59 | } | |
60 | } | |
22d06c7a | 61 | } |
abe07e47 | 62 | } |
8a52619a | 63 | } |