Breadcrumb Navigation
The breadcrumb navigation tells the user their current location on the site. It lists, from right to left, the current page and a linked hierarchy of all its parent pages.
Usage
The breadcrumb navigation consists of an unordered list of links to the current page's ancestors, followed by an unlinked entry for the current page.
The breadcrumb__item--current class will indicate the last item as the current location
and cancel out the separator that would normally be displayed.
<ul class="breadcrumb">
<li class="breadcrumb__item"><a class="breadcrumb__link" href="#">The Parent's Parent</a></li>
<li class="breadcrumb__item"><a class="breadcrumb__link" href="#">Its Parent Page</a></li>
<li class="breadcrumb__item breadcrumb__item--current">This Page</li>
</ul>