Heads Up! Components & docs are subject to change until official v1.0 release.
×
Introduction:
Components:
Resources:
CSUN Nav
<nav class="primary-nav">
<div class="container">
<div class="primary-nav__mobile">
<div class="primary-nav__btn">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<div class="primary-nav__brand"><span class="sr-only">California State University, Northridge (CSUN)</span></div>
</div>
<ul class="primary-nav__links">
<li><a class="primary-nav__link active" href="#">Nav Link</a></li>
<li><a class="primary-nav__link" href="#">Nav Link</a></li>
<li><a class="primary-nav__link" href="#">Nav Link</a></li>
</ul>
</div>
</nav>
// NAV MODIFIERS
.primary-nav--cream
.primary-nav--black
Side Nav
<ul class="nav">
<li class="nav__item nav__item--active">
<a href="#" class="nav__link">Link #1</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">Link #2</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">Link #3</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">Link #4</a>
</li>
</ul>
// SIDE NAV MODIFIERS
.nav__item--active
.nav__item--fill
