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