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; |
8a52619a | 7 | |
431e4cb4 AE |
8 | > div { |
9 | align-items: center; | |
10 | display: flex; | |
11 | justify-content: flex-end; | |
5d4bad9e | 12 | min-height: 20px; |
431e4cb4 | 13 | } |
8a52619a | 14 | |
431e4cb4 | 15 | .icon { |
a9e43634 | 16 | color: inherit; |
431e4cb4 | 17 | } |
8a52619a | 18 | |
431e4cb4 AE |
19 | a { |
20 | color: $wcfNavigationLink; | |
8a52619a | 21 | |
431e4cb4 AE |
22 | &:hover { |
23 | color: $wcfNavigationLinkActive; | |
24 | } | |
abe07e47 MW |
25 | } |
26 | } | |
8a52619a | 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; |
8a52619a | 39 | |
431e4cb4 AE |
40 | > li { |
41 | flex: 0 0 auto; | |
8a52619a | 42 | |
431e4cb4 AE |
43 | &:not(:last-child) { |
44 | margin-left: 10px; | |
abe07e47 | 45 | } |
abe07e47 MW |
46 | } |
47 | } | |
48 | } | |
431e4cb4 | 49 | |
c8d07791 | 50 | @include screen-sm-down { |
811f5a93 AE |
51 | .breadcrumbs { |
52 | margin-bottom: -5px; | |
53 | margin-top: 5px; | |
54 | } | |
8a52619a | 55 | |
b3c8f49b | 56 | .breadcrumbs > ol > li { |
431e4cb4 | 57 | display: none; |
8a52619a | 58 | |
b3c8f49b AE |
59 | &:last-child { |
60 | align-items: center; | |
61 | color: $wcfContentDimmedText; | |
62 | display: flex; | |
63 | flex: 1; | |
8a52619a | 64 | |
b3c8f49b | 65 | @include wcfFontDefault; |
8a52619a | 66 | |
b3c8f49b AE |
67 | &::before { |
68 | content: $fa-var-long-arrow-left; | |
69 | flex: 0 auto; | |
70 | font-family: FontAwesome; | |
71 | } | |
8a52619a | 72 | |
b3c8f49b AE |
73 | > a { |
74 | color: $wcfContentDimmedLink; | |
75 | display: block; | |
76 | flex: 1; | |
77 | overflow: hidden; | |
78 | padding: 5px 0 5px 10px; | |
79 | text-overflow: ellipsis; | |
80 | white-space: nowrap; | |
81 | } | |
82 | } | |
431e4cb4 AE |
83 | } |
84 | } | |
c8d07791 MW |
85 | |
86 | @include screen-md-down { | |
87 | .pageNavigationIcons { | |
88 | display: none; | |
89 | } | |
90 | } |