<div class="product-item grid__column" data-gridspan="">
    <div class="product-item__container">
        <a class="product-item__link" href="#">
            <img class="product-item__source" src="/assets/images/product.png" alt="">
            <div class="product-item__content">
                <h3 class="product-item__title"></h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</p>
		</div>
	</a>
	</div>
</div>
<div class="product-item grid__column"  data-gridspan="{{#if size}}{{size}}{{/if}}">	
	<div class="product-item__container">
	<a class="product-item__link" href="#">
		<img class="product-item__source"  src="/assets/images/product.png" alt="">
		<div class="product-item__content">
		<h3 class="product-item__title">{{hText}}</h2>
		{{#if content}} 
			<p>{{content}}</p> 
		{{else}}
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</p>
		{{/if}}	
		</div>
	</a>
	</div>
</div>
/* No context defined for this component. */
.product-item {
}
.product-item__container {
	background: $white;
	margin-bottom: 1em;
	flex: 1 1 auto;
}
.product-item__link {
	display: block;
	color: $black--off;
	&:hover {
		text-decoration: none;
	}
}
.product-item__source {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.product-item__content {
	padding: 1em;
	@include rem2px(font-size, 1.3);
}
.product-item__title {
	padding-bottom: 1em;
	color: $grey--dark;
}

There are no notes for this item.