Nav

Horizontal or vertical navigation with pills, tabs, and underline variants.

Pills

<nav class="nav nav--pills">
  <div class="nav__item"><a class="nav__link nav__link--active" href="#">Home</a></div>
</nav>

<nav class="nav nav--tabs">…</nav>

<nav class="nav nav--underline">…</nav>

Class	Effect
`.nav`	Base horizontal flex row.
`.nav--vertical`	Stack items vertically.
`.nav--pills`	Rounded chip style.
`.nav--tabs`	Tab-style indicator.
`.nav--underline`	Underlined active item.
`.nav--compact / --spacious`	Size variants.
`.nav--responsive`	Wrap / collapse on small viewports.
`.nav__item / __link / __link--active / __brand / __divider`	Sub-elements.