This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 7779

7.2.8 Nav Disabled

Disabled Header Nav is used when the conference site is open but all pages should be accessible. This is limited to the early stages of the conference before the site is fully open.

<li class="nav-item flex_auto ">
    <!-- If Button Disabled add the classes in the bracket to the Base Design and remove [ text-shadow_black-1 ] -->
    <a class="[ bg_secondary-2 c_secondary-3 disabled ] a:bg_accent 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="/faculty" target="_blank">
        <i class="font-size_up fa-fw fas p_2 inline-block m_auto fa-users display_none:lg"></i>
        <span class="block lh_0 p-y_0 p-y_2:md  text_center">
            <!-- If Button Disabled Add This Icon --><i class="fas fa-lock p-r_3"></i>
            Primary: Disabled
        </span>
    </a>
</li>
Copy Code