/*! * # 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: #4183C4; } .ui.breadcrumb a:hover { color: #1e70bf; } /* 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 *******************************/