Source: dist/css/virtual_boot.css, line 7630
7.2.4 Base Header Nav (Primary)
Header Nav basic design that is not hidden when in mobile viewport have an included icon that makes it easier to see and click on when in mobile viewport.
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/virtual_boot.css, line 7630
Header Nav basic design that is not hidden when in mobile viewport have an included icon that makes it easier to see and click on when in mobile viewport.
<!-- All areas that have `[ ]` in the design are areas where classes might be added or removed. -->
<li class="nav-item flex_auto [~]">
<a class="a:bg_accent [ text-shadow_black-1 ] flex flex_column flex_row:lg font_medium gap-x_4 gap-y_3 h:bg_acc-n2 h:c_white justify_center nav-link text_center p-y_3:md " href="/program" target="_self">
<!-- icon is needed for the Primary Button Nav -->
<i class="font-size_up fa-fw fas p_2 inline-block m_auto fa-calendar-alt display_none:lg"></i>
<span class="block lh_0 p-y_0 p-y_2:md text_center">
<!-- [] -->
Primary
</span>
</a>
</li>