Navigation

Menubar

Fill

<nav>
   <ul class="env-nav env-nav--menubar env-nav--fill" role="menubar">
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link env-nav__link--active" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
   </ul>
</nav>

Border

<nav>
   <ul class="env-nav env-nav--menubar env-nav--border" role="menubar">
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link env-nav__link--active" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
   </ul>
</nav>

Sidenav

<nav>
   <ul class="env-nav env-nav--sidenav" role="menu">
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link env-nav__link--active" role="menu-item" href="#">Item</a>
      </li>
      <li class="env-nav__item" role="none">
         <a class="env-nav__link" role="menu-item" href="#">Item</a>
      </li>
   </ul>
</nav>