Fork me on GitHub

Navs

Required files

SCSS files required: _components.navs.scss

Default

The base nav class will turn any list and it's elements into an inline list.

<ul class="nav">
    <li class="nav__item"><a class="nav__link" href="#">Item 1</a></li>
    <li class="nav__item"><a class="nav__link" href="#">Item 2</a></li>
    <li class="nav__item"><a class="nav__link" href="#">Item 3</a></li>
</ul>

Tabs

<ul class="nav nav--tabs">
    <li class="nav__item is-active"><a class="nav__link" href="#">Item 1</a></li>
    <li class="nav__item"><a class="nav__link" href="#">Item 2</a></li>
    <li class="nav__item"><a class="nav__link" href="#">Item 3</a></li>
</ul>