SemanSemantic-UItic-UI/dist/components/breadcrumb.css

 /*
 * # Semantic UI
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */



/*******************************
           Breadcrumb
*******************************/

.ui.breadcrumb {
  margin: 1em 0em;
  display: inline-block;
  vertical-align: middle;
}
.ui.breadcrumb:first-child {
  margin-top: 0em;
}
.ui.breadcrumb:last-child {
  margin-bottom: 0em;
}


/*******************************
          Content
*******************************/


/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.5;
  margin: 0em 0.2rem 0em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline;
}

/* Link */
.ui.breadcrumb a {
  color: #009fda;
}
.ui.breadcrumb a:hover {
  color: #00b2f3;
}

/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: 0.7em;
  vertical-align: middle;
}

/* Section */
.ui.breadcrumb a.section {
  cursor: pointer;
}
.ui.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em;
}

/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: 0.5em 1em;
}


/*******************************
            States
*******************************/

.ui.breadcrumb .active.section {
  font-weight: bold;
}


/*******************************
           Variations
*******************************/

.ui.mini.breadcrumb {
  font-size: 0.65em;
}
.ui.tiny.breadcrumb {
  font-size: 0.7em;
}
.ui.small.breadcrumb {
  font-size: 0.75em;
}
.ui.breadcrumb {
  font-size: 1em;
}
.ui.large.breadcrumb {
  font-size: 1.1em;
}
.ui.big.breadcrumb {
  font-size: 1.05em;
}
.ui.huge.breadcrumb {
  font-size: 1.3em;
}
.ui.massive.breadcrumb {
  font-size: 1.5em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/