Breadcrumb
<ol class="breadcrumb">
<li>
<a href="#" class="breadcrumb-home">
<i class="fa fa-home"></i>
</a>
</li>
<li>
<a href="#">Lorem Ipsum</a>
</li>
<li class="active">Natus Exercitationem</li>
</ol>
.breadcrumb {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
padding: 0;
background-color: transparent;
border-radius: 0;
> li + li::before {
content: "> ";
}
}
.breadcrumb-home {
font-size: 2rem;
color: $color-base-blue;
&:hover {
color: $color-blue-medium;
}
}