Included in:
Not included in any file!
component
Topbar
Topbar Module description
<nav class="navigation">
<ul class="navigation__menu">
<li class="navigation__item">
<a href="http://localhost:8888/_portfolio/">Item</a>
</li>
<li class="navigation__item has-children">
<a href="http://localhost:8888/_portfolio/">Item with children</a>
<ul class="sub-menu">
<li class="sub-menu__item">
<a href="#">Child</a>
</li>
<li class="sub-menu__item">
<a href="#">Child</a>
</li>
</ul>
</li>
<li class="navigation__item">
<a href="http://localhost:8888/_portfolio/">Item</a>
</li>
<li class="navigation__item">
<a href="http://localhost:8888/_portfolio/">Item</a>
</li>
<li class="navigation__item">
<a href="http://localhost:8888/_portfolio/">Item</a>
</li>
</ul>
</nav><!-- .module.navigation -->
18
Total declarations
0
Important
declarations
declarations
0
Vendor
prefixes
prefixes
0
Floats
declared
declared
3
opacity
2
display
2
height
2
position
2
visibility
1
content
1
gap
1
line-height
1
overflow
Component structure
.navigation {...}
&__menu {...}
&__item {...}
&--has-children {...}
.sub-menu {...}
&:hover {...}
.sub-menu {...}
& > a {...}
&:after {...}