//
// Breadcrumbs
// --------------------------------------------------

.breadcrumb {
  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
  margin: 10px 0;
  list-style: none;
  //background-color: $breadcrumb-bg;
  //border-radius: $border-radius-base;

  &> li {
    display: inline-block;
    position: relative;
    a {
      color: $breadcrumb-color;
      text-decoration: none;
    }
    & + li:before {
      content: "/"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: $breadcrumb-color;

    }
  }

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