<nav class="breadcrumbs" aria-label="breadcrumb">
  <div class="wrapper">
    <ul>
      <li><a href="#" title="Home">Home</a></li>
      <li><a href="#" title="Menu1">Menu1</a></li>
      <li>Menu2</li>
    </ul>
  </div>
</nav>

<nav class="breadcrumbs" aria-label="breadcrumb">
  <div class="wrapper">
    <ul>
      <li><a href="#" title="Home">Home</a></li>
      <li><a href="#" title="Menu1">Menu1</a></li>
      <li>Menu2</li>
    </ul>
  </div>
</nav>

<hr>

<div class="bg-navy">
  <nav class="breadcrumbs--inverted" aria-label="breadcrumb">
    <ul>
      <li><a href="#" title="Home">Home</a></li>
      <li><a href="#" title="Menu1">Menu1</a></li>
      <li>Menu2</li>
    </ul>
  </nav>
</div>

Update the Breadcrumbs code example to include an inverted version
Update the Breadcrumbs code example to include an inverted version
