<div class="health-card health-card--clickable health-card--shadow health-card--colour-primary">
    <div class="health-card__body">
        <h2 class="health-card__title">
            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
        </h2>
        <div class="health-card__text">
            <p>This card uses the primary colour as a background.</p>
        </div>
        <div class="health-card__date">20 July 2019</div>
        <div class="health-card__tag">News</div>
    </div>
</div>

Cards

Cards are used to present discrete pieces of content.

  • Handle: @card--full-colour-(primary)
  • Preview:
  • Filesystem Path: components/01-components/card/card--no-image.hbs