Card List
Default Usage
<div class="card-list">
<div class="card-list__item">
<a href="..." class="card-item">
<div class="card-item__image image-contained">
<img src="..." alt="..."/>
</div>
<div class="card-item__content">
<h4 class="card-item__heading">...</h4>
<p class="card-item__description">...</p>
</div>
<div class="card-item__button button">...</div>
</a>
</div>
...
</div>
Centered Content
<div class="card-list card-list--centered">
...
</div>
Transparent Background
<div class="card-list card-list--transparent">
...
</div>