Breadcrumb

Here is nice, simple breadcrumb for your beautiful web. Default seperator is / You can change it via SCSS var $breadcrumb-sep-symbol

1. Dashboard
2. Report
3. Data

<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="#">Report</a></li>
    <li class="breadcrumb-item active">Data</li>
</ol>

SASS

Reference from _breadcrumb.scss

$breadcrumb-spacing: rem(10);
$breadcrumb-size: 80%;
$breadcrumb-default-color: lighten(map-get($colors, dark), 40%);
$breadcrumb-sep-symbol: "/";
$breadcrumb-sep-color: lighten(map-get($colors, dark), 70%);