Breadcrumb - ViacomCBS UI Kit

PREVIEW

HTML
SCSS

<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;
  }
}