Source: dist/css/acc_boot.css, line 7460
6.2.2 Simple Tabs: Dark Mode
Reverse Colored Tabs for when on dark background
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/acc_boot.css, line 7460
Reverse Colored Tabs for when on dark background
<div class="m-y_4 bg_acc p_4" id="nav_jump">
<nav class="bg_black-2 c_white br_3 br_radius br_solid br_white-5 font_0 font_bold font_ui p-x_0 p-x_4:md shadow_overlap-light">
<ul class="flex_column flex_row:md ul_none nav">
<li class="br-t_3 br_solid:md br_white-0 m-l_1 nav-item ">
<a class="a:bg_accent h:underline-none c_white text-shadow_black-1 br-b_3 br_white-0 br_solid:md:md h:bg_secondary h:br_accent h:c_white m-y_n2:md nav-link p-y_3:md p-x_4 active">
Active
</a>
</li> <li class="br-t_3 br_solid:md br_white-0 m-l_1 nav-item">
<a class="a:bg_accent h:underline-none c_white text-shadow_black-1 br-b_3 br_white-0 br_solid:md h:bg_secondary h:br_accent h:c_white m-y_n2:md nav-link p-y_3:md p-x_4">
Link
</a>
</li> <li class="br-t_3 br_solid:md br_white-0 m-l_1 nav-item">
<a class="a:bg_accent h:underline-none c_white text-shadow_black-1 br-b_3 br_white-0 br_solid:md h:bg_secondary h:br_accent h:c_white m-y_n2:md nav-link p-y_3:md p-x_4">
Link
</a>
</li> <li class="br-t_3 br_solid:md br_white-0 m-l_1 nav-item ">
<a class="bg_white-2 br-b_3 br_solid:md br_white-0 c_white-4 cursor_not-allowed disabled h:underline-none m-y_n2:md nav-link opacity-5 p-x_4 p-y_3:md" href="/on-demand/industry-stage#nav_jump" target="_self">
Disabled
</a>
</li> </ul>
</nav>
</div>