1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 | @type : 'collection';
|
16 | @element : 'breadcrumb';
|
17 |
|
18 | @import (multiple) '../../theme.config';
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 | .ui.breadcrumb {
|
26 | line-height: 1;
|
27 | display: @display;
|
28 | margin: @verticalMargin 0;
|
29 | vertical-align: @verticalAlign;
|
30 | }
|
31 | .ui.breadcrumb:first-child {
|
32 | margin-top: 0;
|
33 | }
|
34 | .ui.breadcrumb:last-child {
|
35 | margin-bottom: 0;
|
36 | }
|
37 |
|
38 |
|
39 |
|
40 |
|
41 |
|
42 |
|
43 | .ui.breadcrumb .divider {
|
44 | display: inline-block;
|
45 | opacity: @dividerOpacity;
|
46 | margin: 0 @dividerSpacing 0;
|
47 |
|
48 | font-size: @dividerSize;
|
49 | color: @dividerColor;
|
50 | vertical-align: @dividerVerticalAlign;
|
51 | }
|
52 |
|
53 |
|
54 | .ui.breadcrumb a {
|
55 | color: @linkColor;
|
56 | }
|
57 | .ui.breadcrumb a:hover {
|
58 | color: @linkHoverColor;
|
59 | }
|
60 |
|
61 |
|
62 |
|
63 | .ui.breadcrumb .icon.divider {
|
64 | font-size: @iconDividerSize;
|
65 | vertical-align: @iconDividerVerticalAlign;
|
66 | }
|
67 |
|
68 |
|
69 | .ui.breadcrumb a.section {
|
70 | cursor: pointer;
|
71 | }
|
72 | .ui.breadcrumb .section {
|
73 | display: inline-block;
|
74 | margin: @sectionMargin;
|
75 | padding: @sectionPadding;
|
76 | }
|
77 |
|
78 |
|
79 | .ui.breadcrumb.segment {
|
80 | display: inline-block;
|
81 | padding: @segmentPadding;
|
82 | }
|
83 |
|
84 |
|
85 |
|
86 |
|
87 |
|
88 | .ui.breadcrumb .active.section {
|
89 | font-weight: @activeFontWeight;
|
90 | }
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 | .ui.mini.breadcrumb {
|
98 | font-size: @mini;
|
99 | }
|
100 | .ui.tiny.breadcrumb {
|
101 | font-size: @tiny;
|
102 | }
|
103 | .ui.small.breadcrumb {
|
104 | font-size: @small;
|
105 | }
|
106 | .ui.breadcrumb {
|
107 | font-size: @medium;
|
108 | }
|
109 | .ui.large.breadcrumb {
|
110 | font-size: @large;
|
111 | }
|
112 | .ui.big.breadcrumb {
|
113 | font-size: @big;
|
114 | }
|
115 | .ui.huge.breadcrumb {
|
116 | font-size: @huge;
|
117 | }
|
118 | .ui.massive.breadcrumb {
|
119 | font-size: @massive;
|
120 | }
|
121 |
|
122 | .loadUIOverrides();
|