Commit | Line | Data |
---|---|---|
c8d07791 | 1 | @include screen-md-up { |
431e4cb4 AE |
2 | .pageNavigation { |
3 | background-color: $wcfNavigationBackground; | |
abe07e47 | 4 | color: $wcfNavigationText; |
431e4cb4 | 5 | flex: 0 0 auto; |
5d4bad9e | 6 | padding: 10px 0; |
431e4cb4 AE |
7 | |
8 | > div { | |
9 | align-items: center; | |
10 | display: flex; | |
11 | justify-content: flex-end; | |
5d4bad9e | 12 | min-height: 20px; |
431e4cb4 AE |
13 | } |
14 | ||
15 | .icon { | |
a9e43634 | 16 | color: inherit; |
431e4cb4 | 17 | } |
abe07e47 | 18 | |
431e4cb4 AE |
19 | a { |
20 | color: $wcfNavigationLink; | |
21 | ||
22 | &:hover { | |
23 | color: $wcfNavigationLinkActive; | |
24 | } | |
abe07e47 MW |
25 | } |
26 | } | |
abe07e47 | 27 | |
0b6161c6 MW |
28 | .boxesHeaderBoxes + .pageNavigation { |
29 | margin-top: 1px; | |
30 | } | |
c8d07791 MW |
31 | } |
32 | ||
33 | @include screen-lg { | |
431e4cb4 AE |
34 | .pageNavigationIcons { |
35 | display: flex; | |
abe07e47 | 36 | flex: 0 0 auto; |
431e4cb4 | 37 | flex-direction: row-reverse; |
5d4bad9e | 38 | margin-left: 10px; |
abe07e47 | 39 | |
431e4cb4 AE |
40 | > li { |
41 | flex: 0 0 auto; | |
42 | ||
43 | &:not(:last-child) { | |
44 | margin-left: 10px; | |
abe07e47 | 45 | } |
abe07e47 MW |
46 | } |
47 | } | |
48 | } | |
431e4cb4 | 49 | |
c8d07791 | 50 | @include screen-sm-down { |
b3c8f49b | 51 | .breadcrumbs > ol > li { |
431e4cb4 | 52 | display: none; |
b3c8f49b AE |
53 | |
54 | &:last-child { | |
55 | align-items: center; | |
56 | color: $wcfContentDimmedText; | |
57 | display: flex; | |
58 | flex: 1; | |
59 | ||
60 | @include wcfFontDefault; | |
61 | ||
62 | &::before { | |
63 | content: $fa-var-long-arrow-left; | |
64 | flex: 0 auto; | |
65 | font-family: FontAwesome; | |
66 | } | |
67 | ||
68 | > a { | |
69 | color: $wcfContentDimmedLink; | |
70 | display: block; | |
71 | flex: 1; | |
72 | overflow: hidden; | |
73 | padding: 5px 0 5px 10px; | |
74 | text-overflow: ellipsis; | |
75 | white-space: nowrap; | |
76 | } | |
77 | } | |
431e4cb4 AE |
78 | } |
79 | } | |
c8d07791 MW |
80 | |
81 | @include screen-md-down { | |
82 | .pageNavigationIcons { | |
83 | display: none; | |
84 | } | |
85 | } |