Example
Markup
<a href="javascript://" class="post-card">
<div class="post-card__title card-title">
<h4 class="card-title__title">Listing-Title</h4>
</div>
<span class="post-card__description">This is Action</span>
</a>
<a href="javascript://" class="post-card">
<div class="post-card__title card-title card-title--two-lines">
<h4 class="card-title__title">Main Line <small>Second Line</small></h4>
</div>
<span class="post-card__description">This is Action</span>
</a>
<a href="javascript://" class="post-card">
<div class="post-card__title card-title card-title--icon">
<h4 class="card-title__title icon icon-star-outline">Listing-Title</h4>
</div>
<span class="post-card__description">This is Action</span>
</a>
<a href="javascript://" class="post-card">
<div class="post-card__title card-title card-title--icon card-title--two-lines">
<h4 class="card-title__title icon icon-star-outline">Main Line <small>Second Line</small></h4>
</div>
<span class="post-card__description post-card__description--discreet">This is Action</span>
</a>
<a href="javascript://" class="post-card">
<div class="post-card__image">
<div class="image image--square image--fill">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<div class="post-card__title card-title card-title--icon card-title--two-lines">
<h4 class="card-title__title icon icon-star-outline">Main Line <small>Second Line</small></h4>
</div>
<span class="post-card__description post-card__description--discreet">This is Action</span>
</a>
Source:
assets/styles/03-molecules/01-cards/_post.scss, line 1
