<nav class="bg_black-2 br_3 br_radius br_solid br_white-9 c_primary font_0 font_bold font_slab p-x_0 p-x_4:md shadow_bevel-light">
  <ul class="flex_column flex_row:md  nav">
    <li class="br-t_3 br_solid:md br_white-0 m-l_1 nav-item">
      <a class="a:bg_primary-4 h:underline-none a:c_primary-n2 active br-b_3 br_primary br_solid c_primary h:bg_acc h:br_accent h:c_white m-y_n2:md nav-link p-y_3:md p-x_4" href="#">Active</a>
    </li>
    <li class="br-t_3 br_white-0 br_solid:md m-l_1 nav-item">
      <a href="#" class="a:bg_primary-4 a:c_primary-n2 br-b_3 br_solid br_white-0 c_primary h:underline-none h:bg_acc h:br_accent h:c_white m-y_n2:md nav-link p-x_3 p-x_4">Link</a>
    </li>
    <li class="br-t_3 br_white-0 br_solid:md m-l_1 nav-item">
      <a href="#" class="a:bg_primary-4 a:c_primary-n2 br-b_3 br_solid br_white-0 c_primary h:bg_acc h:br_accent h:c_white h:underline-none m-y_n2:md nav-link p-x_3 p-x_4">Link</a>
    </li>
    <li class="br-t_3 br_white-0 br_solid:md m-l_1 nav-item">
      <a class="a:bg_primary-4 a:c_primary-n2 br-b_3 br_solid br_white-0 c_primary disabled h:bg_acc h:br_accent h:c_white h:underline-none m-y_n2:md nav-link p-x_3 p-x_4" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
    </li>
  </ul>
</nav>