.breadcrumb {
  margin-bottom: $spacer-y;
  padding: 0;
  list-style: none;
  @include border-radius($border-radius);
  @include clearfix;

  > li {
    display: inline-block;
    font-size: $font-size-1;
    a {
      color: $breadcrumb-divider-color;
    }

    + li::before {
      padding-right: 6px;
      padding-left: 2px;
      color: $breadcrumb-divider-color;
      content: "#{$breadcrumb-divider}";
    }
  }

  > .active {
    color: $breadcrumb-active-color;
    display: block;
    margin-top: 1px;
    @extend h1;
    &::before {
      display: none;
    }
  }
}