Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_boot.css, line 7661

5.4.3 Child NavItem

Description: Child and Grandchild nav items are built the same way with a spacer with or without a toggle depending on if they have children.

Example s

active

Nav Item changes its decoration if this the page the user is on.

<li class="nav-item [modifier class]" data-nav="child">
    <div class="flex flex_row">
        <div class="flex flex_column flex_none justify_start">
            <div class="flex_none">
                <span class="fa-stack">
                    <i class="fas fa-spacer fa-stack-1x"></i>
                </span>
            </div>
        </div>
        <div class="flex_auto self_center">
            <a class="text-shadow_black-1 [modifier class] c_white-9 p-y_2 p-x_3 w_100 h:c_white inline-block h:underline self_center  a:bg_black-3">Child Link</a>
        </div>
    </div>
</li>
Copy Code