You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.1 KiB
122 lines
2.1 KiB
/*
|
|
* # Semantic - Breadcrumb
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributor
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/
|
|
|
|
|
|
/*******************************
|
|
Theme
|
|
*******************************/
|
|
|
|
@type : 'collection';
|
|
@element : 'breadcrumb';
|
|
|
|
@import '../../semantic.config';
|
|
|
|
/*******************************
|
|
Breadcrumb
|
|
*******************************/
|
|
|
|
.ui.breadcrumb {
|
|
margin: @verticalMargin 0em;
|
|
display: @display;
|
|
vertical-align: @verticalAlign;
|
|
}
|
|
.ui.breadcrumb:first-child {
|
|
margin-top: 0em;
|
|
}
|
|
.ui.breadcrumb:last-child {
|
|
margin-bottom: 0em;
|
|
}
|
|
|
|
/*******************************
|
|
Content
|
|
*******************************/
|
|
|
|
/* Divider */
|
|
.ui.breadcrumb .divider {
|
|
display: inline-block;
|
|
opacity: @dividerOpacity;
|
|
margin: 0em @dividerSpacing 0em;
|
|
|
|
font-size: @dividerSize;
|
|
color: @dividerColor;
|
|
vertical-align: @dividerVerticalAlign;
|
|
}
|
|
|
|
/* Link */
|
|
.ui.breadcrumb a {
|
|
color: @linkColor;
|
|
}
|
|
.ui.breadcrumb a:hover {
|
|
color: @linkHoverColor;
|
|
}
|
|
|
|
|
|
/* Icon Divider */
|
|
.ui.breadcrumb .icon.divider {
|
|
font-size: @iconDividerSize;
|
|
vertical-align: @iconDividerVerticalAlign;
|
|
}
|
|
|
|
/* Section */
|
|
.ui.breadcrumb a.section {
|
|
cursor: pointer;
|
|
}
|
|
.ui.breadcrumb .section {
|
|
display: inline-block;
|
|
margin: @sectionMargin;
|
|
padding: @sectionPadding;
|
|
}
|
|
|
|
/* Loose Coupling */
|
|
.ui.breadcrumb.segment {
|
|
display: inline-block;
|
|
padding: @segmentPadding;
|
|
}
|
|
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
|
|
.ui.breadcrumb .active.section {
|
|
font-weight: @activeFontWeight;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
|
|
.ui.mini.breadcrumb {
|
|
font-size: @mini;
|
|
}
|
|
.ui.tiny.breadcrumb {
|
|
font-size: @tiny;
|
|
}
|
|
.ui.small.breadcrumb {
|
|
font-size: @small;
|
|
}
|
|
.ui.breadcrumb {
|
|
font-size: @medium;
|
|
}
|
|
.ui.large.breadcrumb {
|
|
font-size: @large;
|
|
}
|
|
.ui.big.breadcrumb {
|
|
font-size: @big;
|
|
}
|
|
.ui.huge.breadcrumb {
|
|
font-size: @huge;
|
|
}
|
|
.ui.massive.breadcrumb {
|
|
font-size: @massive;
|
|
}
|
|
|
|
.loadUIOverrides();
|