Source: dist/css/virtual_boot.css, line 7586
7.2.1 Nav Active
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.
Example
Default styling
<!-- When Nav is Active add the [ active ] classes to all locations to the basic design -->
<li class="nav-item flex_auto [ active ]">
<a class="[ active ][ text-shadow_black-1 ] 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="/" target="_self">
<i class="font-size_up fa-fw fas p_2 inline-block m_auto fa-home-heart display_none:lg"></i>
<span class="block lh_0 p-y_0 p-y_2:md text_center">Primary: Active</span>
</a>
</li>