Example
Markup
<div class="kss-style"><h6>List</h6></div>
<div>
<a href="javascript://" class="brand-card brand-card--continue">
<div class="brand-card__title card-title card-title--two-lines">
<h4 class="card-title__title">Brand</h4>
</div>
</a>
<a href="javascript://" class="brand-card brand-card--continue">
<div class="brand-card__title card-title card-title--two-lines">
<h4 class="card-title__title">Brand</h4>
</div>
</a>
</div>
<div class="kss-style"><h6>Grid</h6></div>
<div class="row">
<div class="col-sm-6 col-md-4 col-xl-3">
<a href="javascript://" class="brand-card brand-card--grid">
<div class="brand-card__image">
<div class="image image--landscape image--fit">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<div class="brand-card__title card-title card-title--two-lines card-title--left-zero">
<h4 class="card-title__title">Brand <small>45 products</small></h4>
</div>
</a>
</div>
</div>
Source:
assets/styles/03-molecules/01-cards/_brand.scss, line 1
