.breadcrumb {
   @include clearfix;

   font-size: 12px;
   list-style: none;
   margin-bottom: 0;
   padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;

   > li {
      display: inline-block;

      + li::before {
         @include fontawesome;
         $nbsp: "\00a0";

         content: "#{$breadcrumb-divider}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
         color: $breadcrumb-divider-color;
         padding-right: .5rem;
         padding-left: .5rem;
      }
   }

   a { @include underline-default; }

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

   + .breadcrumb {
      margin-top: -($breadcrumb-padding-vertical);
      padding-top: 0;
   }
}
