navbar
/src/css/object/component/navbar.styl
<ul class="_c-navbar">
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
<ul class="_c-navbar__submenu" data-c="navbar__submenu" aria-hidden="true">
<li class="_c-navbar__subitem" data-c="navbar__subitem" aria-haspopup="true">
<a href="#">submenu</a>
<ul class="_c-navbar__submenu" data-c="navbar__submenu" aria-hidden="true">
<li class="_c-navbar__subitem" data-c="navbar__subitem"><a href="#">submenu</a></li>
</ul>
</li>
</ul>
</li>
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
</li>
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
</li>
</ul>
<ul class="_c-navbar _c-navbar--auto">
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
<ul class="_c-navbar__submenu" data-c="navbar__submenu" aria-hidden="true">
<li class="_c-navbar__subitem" data-c="navbar__subitem" aria-haspopup="true">
<a href="#">submenu</a>
<ul class="_c-navbar__submenu" data-c="navbar__submenu" aria-hidden="true">
<li class="_c-navbar__subitem" data-c="navbar__subitem"><a href="#">submenu</a></li>
</ul>
</li>
</ul>
</li>
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
</li>
<li class="_c-navbar__item" data-c="navbar__item" aria-haspopup="true">
<a href="#">menu</a>
</li>
</ul>