Le menu affiche des liens de navigation.
La classe d'état .is-active
permet d'highlighter l'élément .menu-link
actif.
<nav class="menu">
<ul class="menu-inner">
<li class="menu-item"><a class="menu-link is-active" href="#">Accueil</a></li>
<li class="menu-item"><a class="menu-link" href="#">Indicateurs</a></li>
<li class="menu-item"><a class="menu-link" href="#">Calendrier</a></li>
</ul>
</nav>
Ajouter la classe de modification .menu--vertical
à l'élément ayant la classe .menu
afin de modifier son style.
<nav class="menu menu--vertical">
<ul class="menu-inner">
<li class="menu-item"><a class="menu-link is-active" href="#">Accueil</a></li>
<li class="menu-item"><a class="menu-link" href="#">Indicateurs</a></li>
<li class="menu-item"><a class="menu-link" href="#">Calendrier</a></li>
</ul>
</nav>