KSS Style Guide

<insert-markup>organisms.article.header-</insert-markup>

Duis vitae lobortis odio, sed convallis lacus

.-article-lead
big article lead
<insert-markup>organisms.article.header-0</insert-markup>

Duis vitae lobortis odio, sed convallis lacus

Published by:
Image
Markup: ..\..\styleguide\templates\organisms\article-header.html
<div class="rocksite-o-content-header [modifier class]">


	<div class="rocksite-o-content-header__breadcrumbs">
		<ol class="rocksite-m-breadcrumbs [modifier class]">
			<li class="rocksite-m-breadcrumbs__item">
				<a href="#">Home</a>
				<span class="rocksite-m-breadcrumbs__item__separator">/</span>
			</li>
			<li class="rocksite-m-breadcrumbs__item">
				<a href="#">Second Category</a>
				<span class="rocksite-m-breadcrumbs__item__separator">/</span>
			</li>
			<li class="rocksite-m-breadcrumbs__item">
				<a href="#">Last Category</a>
				<span class="rocksite-m-breadcrumbs__item__separator">/</span>
			</li>
		</ol>
	</div>


	<div class="rocksite-o-content-header__lead">
		<div class="rocksite-o-content-header__lead__header">
			<div class="rocksite-o-content-header__lead__header__categories">
				<a href="#" class="rocksite-a-chips-label">Top Category</a>
			</div>
			<h2 class="rocksite-o-content-header__lead__header__title">Duis vitae lobortis odio, sed convallis lacus</h2>
			<div class="rocksite-o-content-header__lead__header__meta">
			<span class="rocksite-m-meta-label"><i class="la la-calendar"></i> <a href="#"
																				  rel="bookmark">
				<time class="entry-date published updated" datetime="2015-08-23T21:33:31+00:00">August 21</time>
			</a></span> <span class="rocksite-m-meta-label">Published by:  <a
					href="#" title="Posts by admin" rel="author">admin</a> </span>
			</div>
		</div>
		<div class="rocksite-o-content-header__lead__thumbnail">
			<img src="../assets/images/portfolio-image1.jpg" alt="Image">
		</div>
	</div>




</div>
Source: ../source/scss/components/organisms/_content-header.scss, line 1