// // Breadcrumbs // ————————————————–

.breadcrumb {

padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
margin-bottom: $line-height-computed;
list-style: none;
background-color: $breadcrumb-bg;
border-radius: $border-radius-base;

> li {
  display: inline-block;

  + li:before {
    content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
    padding: 0 5px;
    color: $breadcrumb-color;
  }
}

> .active {
  color: $breadcrumb-active-color;
}

}