Nav

  <ul class="c-nav">
    <li class="c-nav__item">
      <a class="c-nav__link is-active" href="...">...</a>
    </li>
    <li class="c-nav__item">
      <a class="c-nav__link" href="...">...</a>
    </li>
    <li class="c-nav__item">
      <a class="c-nav__link" href="...">...</a>
    </li>
    <li class="c-nav__item">
      <a class="c-nav__link is-disabled" href="...">...</a>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical">
    <li class="c-nav__item">
      <a class="c-nav__link" href="...">...</a>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical">
    <li class="c-nav__item">
      <a class="c-nav__link is-active" href="...">...</a>
      <ul class="c-nav c-nav--vertical c-nav--nested">
        <li class="c-nav__item">
          <a class="c-nav__link" href="...">...</a>
        </li>
        ...
      </ul>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--dropdown" data-module="Nav">
    <li class="c-nav__item is-dropdown-nav-parent">
      <a href="..." class="c-nav__link">...</a>
      <button class="c-button is-dropdown-button">
        <span class="o-icon o-icon--chevron-down">
          [icon]
        </span>
      </button>
      <ul class="c-nav is-dropdown-nav c-nav--vertical">
        <li class="c-nav__item ">
          <a href="..." class="c-nav__link">...</a>
        </li>
        ...
      </ul>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical c-nav--accordion" data-module="Nav">
    <li class="c-nav__item is-accordion-nav-parent">
      <a href="..." class="c-nav__link">...</a>
      <button class="c-button is-accordion-button">
        <span class="o-icon o-icon--chevron-down">
          [icon]
        </span>
      </button>
      <ul class="c-nav is-accordion-nav c-nav--vertical">
        <li class="c-nav__item ">
          <a href="..." class="c-nav__link">...</a>
        </li>
        ...
      </ul>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical c-nav--horizontal@md">
    <li class="c-nav__item">
      <a class="c-nav__link" href="...">...</a>
    </li>
    ...
  </ul>
  

  <ul class="c-nav c-nav--dropdown@md" data-module="Nav">
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical c-nav--accordion@md" data-module="Nav">
    ...
  </ul>
  

  <ul class="c-nav c-nav--vertical c-nav--horizontal@lg c-nav--accordion@md c-nav--dropdown@lg" data-module="Nav">
    ...
  </ul>