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 7654

7.2.7 Mobile Toggle

Toggle button for the expanding mobile menu.

<!-- MENU toggle for mobile is a unique pattern -->
<li class="nav-item flex_auto block display_none:lg">
    <a class="bg_secondary h:bg_secondary-n2 flex flex_column flex_row:lg font_medium gap-x_4 gap-y_3 font_medium h:c_white text-shadow_black-1 h:c_white justify_center nav-link text_center p-y_3:md" aria-expanded="false" aria-label="Toggle Extra Nav" data-bs-toggle="collapse" data-bs-target="#ExpandingMobileMenu" aria-controls="ExpandingMobileMenu"
    >
        <i class="font-size_up fa-fw fas p_2 inline-block m_auto fa-ellipsis-h-alt"></i>
        <span class="block lh_0 p-y_0 p-y_2:md text_center">More</span>
    </a>
</li>
<!-- MENU toggle for mobile is a unique pattern -->
Copy Code