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>