Example
Markup
<div class="categoryList">
<div class="row row--flexsub gridGap--large">
<div class="col-6 col-md-4 marginBottom">
<a href="#" class="categoryItem">
<div class="categoryItem__image imageCover">
<img src="kss-assets/sample.png" alt="Categoryname">
</div>
<div class="categoryItem__content">
<div class="categoryItem__headline h4">Categoryname</div>
<div class="categoryItem__description">Category Description</div>
<div class="categoryItem__description_excerpt buttonLink">Category Button</div>
</div>
</a>
</div>
<div class="col-6 col-md-4 marginBottom">
<a href="#" class="categoryItem">
<div class="categoryItem__image imageCover">
<img src="kss-assets/sample.png" alt="Categoryname">
</div>
<div class="categoryItem__content">
<div class="categoryItem__headline h4">Categoryname</div>
<div class="categoryItem__description">Category Description</div>
<div class="categoryItem__description_excerpt buttonLink">Category Button</div>
</div>
</a>
</div>
<div class="col-6 col-md-4 marginBottom">
<a href="#" class="categoryItem">
<div class="categoryItem__image imageCover">
<img src="kss-assets/sample.png" alt="Categoryname">
</div>
<div class="categoryItem__content">
<div class="categoryItem__headline h4">Categoryname</div>
<div class="categoryItem__description">Category Description</div>
<div class="categoryItem__description_excerpt buttonLink">Category Button</div>
</div>
</a>
</div>
</div>
</div>
Source:
build/doc/doc.css, line 17065