Breadcrumbs

<div class="c-breadcrumbs">
  <div class="o-container c-breadcrumbs__inner">
    <a href="#" class="c-breadcrumb c-breadcrumb--clickable">Clickable Item</a>
    <span class="c-breadcrumb">Static Item</span>
    <div class="c-dropdown">
      <div class="c-dropdown__trigger">
        <button type="button" class="c-breadcrumb c-breadcrumb--active">
          <span class="c-breadcrumb__label">Dropdown Item</span>
          <i class="c-breadcrumb__caret icon icon-caret-down"></i>
        </button>
      </div>
    </div>
  </div>
</div>

<div class="c-breadcrumbs c-breadcrumbs--gray">
  <div class="o-container c-breadcrumbs__inner">
    <a href="#" class="c-breadcrumb c-breadcrumb--clickable">Clickable Item</a>
    <span class="c-breadcrumb">Static Item</span>
    <div class="c-dropdown">
      <div class="c-dropdown__trigger">
        <button type="button" class="c-breadcrumb c-breadcrumb--active">
          <span class="c-breadcrumb__label">Dropdown Item</span>
          <i class="c-breadcrumb__caret icon icon-caret-down"></i>
        </button>
      </div>
    </div>
  </div>
</div>