KSS Style Guide

<insert-markup>molecules.card-</insert-markup>
.-card-stack
card stacked version
<insert-markup>molecules.card-0</insert-markup>
.-text-box
large amount of text
<insert-markup>molecules.card-1</insert-markup>
.-card-stack-on-hover
stacked version on hover
<insert-markup>molecules.card-2</insert-markup>
Markup: ..\..\styleguide\templates\molecules\card.html
<div class="rocksite-m-card [modifier class]">


	<div class="rocksite-m-card__content">

		<h5 class="rocksite-m-card__content__title"><a href="#">Duis vitae lobortis odio, sed convallis lacus</a></h5>

		<div class="rocksite-m-card__content__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 class="rocksite-m-card__content__button">
        <a href="#" class="rocksite-a-button-icon [modifier class]"><i class="la la-arrow-right"></i>	<span>214 K</span>
        </a>
        
        
        </div>
	</div>
	<div class="rocksite-m-card__thumbnail">

		<a href="#" class="rocksite-m-card__thumbnail__link"><img src="../assets/images/portfolio-image1.jpg" alt="Image"></a>

	</div>

</div>
Source: ../source/scss/components/molecules/_card.scss, line 1