There are no notes for this item.
<ul class="breadcrumb">
<li class="breadcrumb__item breadcrumb__item--parallel">
<a href="#" class="link">Thing1</a>
</li>
<li class="breadcrumb__item breadcrumb__item--parallel breadcrumb__item--selected">
<a href="#" class="link">Thing2</a>
</li>
<li class="breadcrumb__item breadcrumb__item--parallel">
<a href="#" class="link">Thing3</a>
</li>
</ul>
/*------------------------------------*\
#BREADCRUMB PARALLEL
\*------------------------------------*/
// Check Breadcrumb Hierarchical CSS
.breadcrumb__item--parallel + .breadcrumb__item--parallel:before {
content: "";
width: 1px;
height: 12px;
background-color: $color-default;
top: 3px;
}