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