KSS Style Guide

<insert-markup>molecules.menu-</insert-markup>
.-horizontal
horizontal version: wrapped, without submenu (display none forced)
<insert-markup>molecules.menu-0</insert-markup>
.-horizontal-underlined
horizontal & underlined
<insert-markup>molecules.menu-1</insert-markup>
.-invert
inverted version
<insert-markup>molecules.menu-2</insert-markup>
.-dropdown-menu
one line (no wrapp) + submeny if exists
<insert-markup>molecules.menu-3</insert-markup>
Markup: ..\..\styleguide\templates\molecules\menu.html
<ul class="rocksite-m-nav-menu [modifier class]">


    <li class="rocksite-m-nav-menu__item  "><a
            href="#" class="rocksite-m-nav-menu__link">Home Page</a>

    </li>

    <li class="rocksite-m-nav-menu__item  "><a
            href="#" class="rocksite-m-nav-menu__link">About Us</a>

    </li>

    <li class="rocksite-m-nav-menu__item -has-children "><a
            href="#" class="rocksite-m-nav-menu__link">Services</a>


    <ul class="rocksite-m-nav-menu__sub-nav">


    <li class="rocksite-m-nav-menu__sub-nav__item"><a
            href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 1</a></li>

    <li class="rocksite-m-nav-menu__sub-nav__item"><a
            href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 2</a></li>

    <li class="rocksite-m-nav-menu__sub-nav__item"><a
            href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 3</a></li>
    </ul>
    </li>

    <li class="rocksite-m-nav-menu__item  "><a
            href="#" class="rocksite-m-nav-menu__link">Our Offer</a>

    </li>

    <li class="rocksite-m-nav-menu__item  "><a
            href="#" class="rocksite-m-nav-menu__link">Contact Us</a>

    </li>


</ul>
Source: ../source/scss/components/molecules/_nav-menu.scss, line 1