KSS Style Guide

<insert-markup>organisms.main.navbar-</insert-markup>
Markup: ..\..\styleguide\templates\organisms\main-navbar.html
<div class="rocksite-o-navbar-main u-fill-overlay js-menu-to-resize ">
    <div class="rocksite-o-navbar-main__header">
        <h4 class="rocksite-a-logo" itemprop="headline">
            <a href="#" title="" rel="home" class="rocksite-a-logo__link">
                <img src="../assets/images/logo.png" alt="" class="rocksite-a-logo__link__image">
            </a>
        </h4>
        
    </div>


    <ul class="rocksite-m-nav-menu -dropdown-menu">
    
    
        <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>
    
        <li class="rocksite-m-nav-menu__item js-expand-search -icon-item"><a
                href="#" class="rocksite-m-nav-menu__link"><i class="fa fa-search"></i></a>
    
        </li>
    
    
    </ul>

    <div class="rocksite-o-navbar-main__search-bar js-search-box-to-expand  u-hidden u-fill-overlay__inner -right">
        <div class="rocksite-o-search-navbar">
        	<a href="#" class="rocksite-a-button-icon rocksite-o-search-navbar__close -transparent js-close-search"><i class="la la-close"></i>	<span>214 K</span>
        	</a>
        	
        	
        	<form role="search" method="get" id="searchform-content"
        	      class="rocksite-m-input-connections -searchform rocksite-o-search-navbar__search-box" action="//127.0.0.1:3000/wordpress4.8/">
        	
        	
        	    <div class="rocksite-m-input-connections__group">
        	        <input type="text" value="" name="s" class="rocksite-m-input-connections__group__input" placeholder="Search">
        	
        	        <span class="rocksite-m-input-connections__group__btn">
        	    <button class="rocksite-a-button-icon -secondary">
        			<i class="la la-search"></i>
        		</button>
        	
        	    </span>
        	    </div>
        	
        	</form>
        </div>
    </div>



</div>





Source: ../source/scss/components/organisms/_main-navbar.scss, line 1