135 lines
2.1 KiB
CSS
135 lines
2.1 KiB
CSS
/*!
|
|
* # Fomantic-UI 2.8.8 - Breadcrumb
|
|
* http://github.com/fomantic/Fomantic-UI/
|
|
*
|
|
*
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/
|
|
|
|
|
|
/*******************************
|
|
Breadcrumb
|
|
*******************************/
|
|
|
|
.ui.breadcrumb {
|
|
line-height: 1.4285em;
|
|
display: inline-block;
|
|
margin: 0 0;
|
|
vertical-align: middle;
|
|
}
|
|
.ui.breadcrumb:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.ui.breadcrumb:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Content
|
|
*******************************/
|
|
|
|
|
|
/* Divider */
|
|
.ui.breadcrumb .divider {
|
|
display: inline-block;
|
|
opacity: 0.7;
|
|
margin: 0 0.25rem 0;
|
|
font-size: 0.91666667em;
|
|
color: rgba(0, 0, 0, 0.4);
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/* Link */
|
|
.ui.breadcrumb a {
|
|
color: #6435C9;
|
|
}
|
|
.ui.breadcrumb a:hover {
|
|
color: #4d17c0;
|
|
}
|
|
|
|
/* Icon Divider */
|
|
.ui.breadcrumb .icon.divider {
|
|
font-size: 0.83333333em;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/* Section */
|
|
.ui.breadcrumb a.section {
|
|
cursor: pointer;
|
|
}
|
|
.ui.breadcrumb .section {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Loose Coupling */
|
|
.ui.breadcrumb.segment {
|
|
display: inline-block;
|
|
padding: 0.75em 1em;
|
|
}
|
|
|
|
/* Inverted */
|
|
.ui.inverted.breadcrumb {
|
|
color: #DCDDDE;
|
|
}
|
|
.ui.inverted.breadcrumb > .active.section {
|
|
color: #FFFFFF;
|
|
}
|
|
.ui.inverted.breadcrumb > .divider {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
|
|
.ui.breadcrumb .active.section {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
|
|
.ui.breadcrumb {
|
|
font-size: 1rem;
|
|
}
|
|
.ui.mini.breadcrumb {
|
|
font-size: 0.75rem;
|
|
}
|
|
.ui.tiny.breadcrumb {
|
|
font-size: 0.83333333rem;
|
|
}
|
|
.ui.small.breadcrumb {
|
|
font-size: 0.91666667rem;
|
|
}
|
|
.ui.large.breadcrumb {
|
|
font-size: 1.16666667rem;
|
|
}
|
|
.ui.big.breadcrumb {
|
|
font-size: 1.25rem;
|
|
}
|
|
.ui.huge.breadcrumb {
|
|
font-size: 1.41666667rem;
|
|
}
|
|
.ui.massive.breadcrumb {
|
|
font-size: 1.75rem;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Theme Overrides
|
|
*******************************/
|
|
|
|
|
|
|
|
/*******************************
|
|
Site Overrides
|
|
*******************************/
|
|
|