/*
* # 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 ‘../../theme.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();