// Breadcrumbs
// --------------------------------------------------
// Aw yiss…

.breadcrumb {
  @include clearfix();

  padding: 0;
  margin-top: $line-height-base / 2;
  margin-bottom: 0;
  list-style: none;
  font-size: $font-size-small;

  > li {
    @media (min-width: $breadcrumb-small-breakpoint) {
      display: inline-block;
    }
    padding: 0 .3em;

    + li::before {
      @extend %icon;
      display: inline-block;
      content: ' ';
      background-image: map-get($icon-font-glyphs, chevron-right); // Unicode space added since inline-block means non-collapsing white-space
      background-repeat: no-repeat;
      background-size: .6em;
      background-position: 0 2px;
      padding: 0 .7em;
      color: currentColor;
      opacity: .3;
      user-select: none;
    }
  }
}
