/*

Breadcrumbs

Add a breadcrumb with a list with class `.breadcrumb`.

Markup:
    <ul class="breadcrumbs">
      <li><a href="#">Home</a></li>
      <li><a href="#">Library</a></li>
      <li class="current">Data</li>
    </ul>

**`.active`**: Selected element style

Styleguide 2

*/


@if $breadcrumbs {

    .breadcrumbs {
        margin: 0 0 rhythm();
        list-style: none;
        @extend %breadcrumbs !optional;

        > li { @extend %inline-block; }

        .current {@extend %breadcrumbs__current !optional;}
    }

}