/* ====================================================================================================================

Breadcrumbs

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

	<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.1

==================================================================================================================== */


@if $breadcrumbs {

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

		> li { @include inline-block(); }

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

}