KSS Style Guide

<insert-markup>templates.section.default-</insert-markup>

Donec malesuada augue non erat dictum, vitae efficitur

Maecenas vulputate tortor sit amet egestas rhoncus

User Settings 1

Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros

User Settings 2

Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros

User Settings 3

Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros

Markup: ..\..\styleguide\templates\templates\section-default.html
<div class="rocksite-s-default ">
    <div class="container">
        <header class="rocksite-o-section-header u-align-center">
        	
        	<h2 class="rocksite-o-section-header__title">Donec malesuada augue non erat dictum, vitae efficitur</h2>
        	<p class="rocksite-o-section-header__subtitle"> Maecenas vulputate tortor sit amet egestas rhoncus</p>
        </header>

        <div class="row">
            <div class="col-md-4">
                <div class="rocksite-m-info ">
                	<div class="rocksite-m-info__content">
                
                		<h3 class="rocksite-m-info__content__title">User Settings 1</h3>
                
                		<p>Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros</p>
                
                	</div>
                    <div class="rocksite-m-info__icon">
                	    <span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
                	    
                	    
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="rocksite-m-info ">
                	<div class="rocksite-m-info__content">
                
                		<h3 class="rocksite-m-info__content__title">User Settings 2</h3>
                
                		<p>Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros</p>
                
                	</div>
                    <div class="rocksite-m-info__icon">
                	    <span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
                	    
                	    
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="rocksite-m-info ">
                	<div class="rocksite-m-info__content">
                
                		<h3 class="rocksite-m-info__content__title">User Settings 3</h3>
                
                		<p>Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros</p>
                
                	</div>
                    <div class="rocksite-m-info__icon">
                	    <span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
                	    
                	    
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>





Source: ../source/scss/components/templates/_sections.scss, line 1
<insert-markup>templates.section.top.bar-</insert-markup>
Markup: ..\..\styleguide\templates\templates\section-top-bar.html
<div class="rocksite-s-top-bar ">
    <div class="container">

        <ul class="rocksite-m-nav-menu -horizontal -invert -classic-item rocksite-m-nav-menu">
        
        
        
        </ul>




    </div>
</div>





Source: ../source/scss/components/templates/_sections.scss, line 75