UNPKG

2.09 kBtext/lessView Raw
1/*!
2 * # Semantic UI - Breadcrumb
3 * http://github.com/semantic-org/semantic-ui/
4 *
5 *
6 * Released under the MIT license
7 * http://opensource.org/licenses/MIT
8 *
9 */
10
11/*******************************
12 Theme
13*******************************/
14
15@type : 'collection';
16@element : 'breadcrumb';
17
18@import (multiple) '../../theme.config';
19
20
21/*******************************
22 Breadcrumb
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 Content
40*******************************/
41
42/* Divider */
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/* Link */
54.ui.breadcrumb a {
55 color: @linkColor;
56}
57.ui.breadcrumb a:hover {
58 color: @linkHoverColor;
59}
60
61
62/* Icon Divider */
63.ui.breadcrumb .icon.divider {
64 font-size: @iconDividerSize;
65 vertical-align: @iconDividerVerticalAlign;
66}
67
68/* Section */
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/* Loose Coupling */
79.ui.breadcrumb.segment {
80 display: inline-block;
81 padding: @segmentPadding;
82}
83
84/*******************************
85 States
86*******************************/
87
88.ui.breadcrumb .active.section {
89 font-weight: @activeFontWeight;
90}
91
92
93/*******************************
94 Variations
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();