Top Bar
Section top bar
Markup: ..\..\styleguide\templates\organisms\top-bar.html
<div class="rocksite-o-top-bar ">
<div class="rocksite-o-top-bar__language_menu">
</div>
<div class="rocksite-o-top-bar__nav_menu">
<ul class="rocksite-m-nav-menu -horizontal -invert -classic-item rocksite-m-nav-menu">
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">Contact Us</a>
</li>
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">About Us</a>
</li>
</ul>
</div>
<div class="rocksite-o-top-bar__info">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<div class="rocksite-o-top-bar__social-menu">
<a href="#" class="rocksite-a-button-icon -transparent -invert -small"><i class="fab fa-linkedin-in"></i> <span>214 K</span>
</a>
<a href="#" class="rocksite-a-button-icon -transparent -invert -small"><i class="fa fa-envelope"></i> <span>214 K</span>
</a>
<a href="#" class="rocksite-a-button-icon -transparent -invert -small"><i class="fab fa-twitter"></i> <span>214 K</span>
</a>
<a href="#" class="rocksite-a-button-icon -transparent -invert -small"><i class="fab fa-facebook-f"></i> <span>214 K</span>
</a>
</div>
</div>
../source/scss/components/organisms/_top-bar.scss
, line 1