2.2.2 molecules.cards.card-list Card List
Makes a vertical list of cards.
Markup: components/molecules/cards/card-list.twig
<div class="card-list">
<a href="#" class="icon-nieuws">
<article class="card card-item">
<h2 class="card-header">Apple</h2>
<div class="card-block">
<p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
</div>
<footer class="card-footer">
<p><small>Published: <time pubdate="pubdate">2009-10-09</time></small></p>
</footer>
</article>
</a>
</div>
Source:
components/molecules/cards/_cards.scss
, line 232