Compact Teaser

Default Compact Teaser

<div class="teaser teaser--compact" style="background-thumb.jpg">
  <a class="teaser__link" href="#"></a>

  <div class="teaser__content">
    <div class="channel channel--bordered teaser__channel">
      Category
    </div>
    <h2 class="teaser__headline">
      <a href="#">Title</a>
    </h2>
    <div class="teaser__authored">
      July 5, 2018, by Author
    </div>
  </div>
</div>

---

Large Compact Teaser

<div class="teaser teaser--compact--large" style="background-thumb.jpg">
  <a class="teaser__link" href="#"></a>

  <div class="teaser__content">
    <div class="channel channel--bordered teaser__channel">
      Category
    </div>
    <h2 class="teaser__headline">
      <a href="#">Title</a>
    </h2>
    <div class="teaser__authored">
      July 5, 2018, by Author
    </div>
  </div>
</div>

---

Element Class

Class Name	Description
teaser--item	Defines compact teaser
teaser--item--large	Defines large compact teaser

Modifier Class

Class Name	Description
is--highlighted	Highlights compact teaser