Component documentation

Basics

Components

Objects

Utilities

Side menu

#

<ul class="c-side-menu">
    <li class="c-side-menu__item c-side-menu__item--active">
        <a class="c-side-menu__link" href="#">Item</a>
    </li>
    <li class="c-side-menu__item">
        <a class="c-side-menu__link" href="#">Item</a>
    </li>
    <li class="c-side-menu__item">
        <a class="c-side-menu__link" href="#">Item</a>
    </li>
</ul>

ul.c-side-menu
    li.c-side-menu__item.c-side-menu__item--active
        a.c-side-menu__link(href="#") Item
    li.c-side-menu__item
        a.c-side-menu__link(href="#") Item
    li.c-side-menu__item
        a.c-side-menu__link(href="#") Item