Breadcrumb

Here is nice, simple breadcrumb for your beautiful web. Default separator is / You can change it via CSS var --r-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

$breadcrumb-spacing: rem(10) !default;
$breadcrumb-size: 80% !default;

:root {
    --r-breadcrumb-spacing: #{$breadcrumb-spacing};
    --r-breadcrumb-size: #{$breadcrumb-size};
    --r-breadcrumb-default-color: var(--r-color-dark-lighten-40);
    --r-breadcrumb-sep-symbol: '/';
    --r-breadcrumb-sep-color: var(--r-color-dark-lighten-70);    
}