KSS Style Guide

<insert-markup>molecules.info-</insert-markup>

User Settings

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

.-left-icon
e-mail icon
<insert-markup>molecules.info-0</insert-markup>

User Settings

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

.-right-icon
Twitter
<insert-markup>molecules.info-1</insert-markup>

User Settings

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

Markup: ..\..\styleguide\templates\molecules\info.html
<div class="rocksite-m-info [modifier class]">
	<div class="rocksite-m-info__content">

		<h3 class="rocksite-m-info__content__title">User Settings</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>
Source: ../source/scss/components/molecules/_info.scss, line 1