Example Styleguide

.nav preview

• Link in a .nav
• Link in a .nav
• Link in a .nav

• Link in .nav--centered
• Link in .nav--centered
• Link in .nav--centered

• Link in .nav--fit
• Link in .nav--fit
• Link in .nav--fit

Nav HTML

<ul class="nav">
    <li><a href="#">Link in a .nav</a></li>
    <li><a href="#">Link in a .nav</a></li>
    <li><a href="#">Link in a .nav</a></li>
</ul>

<ul class="nav nav--centered">
    <li><a href="#">Link in .nav--centered</a></li>
    <li><a href="#">Link in .nav--centered</a></li>
    <li><a href="#">Link in .nav--centered</a></li>
</ul>

<ul class="nav nav--fit">
    <li><a href="#">Link in .nav--fit</a></li>
    <li><a href="#">Link in .nav--fit</a></li>
    <li><a href="#">Link in .nav--fit</a></li>
</ul>

Nav Style

You can find the original source of the CSS as .scss

Nav

No more information available for Nav…