1 //

     2 // Breadcrumbs

     3 // --------------------------------------------------

     4 

     5 

     6 .breadcrumb {

     7   padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;

     8   margin-bottom: $line-height-computed;

     9   list-style: none;

    10   background-color: $breadcrumb-bg;

    11   border-radius: $border-radius-base;

    12 

    13   > li {

    14     display: inline-block;

    15 

    16     + li:before {

    17       content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space

    18       padding: 0 5px;

    19       color: $breadcrumb-color;

    20     }

    21   }

    22 

    23   > .active {

    24     color: $breadcrumb-active-color;

    25   }

    26 }