Naluma Theme

3.1 #organisms.archive-article Archive Article

Article archive page: hero block, grid responsive overrides, and article card image styles.

Tokens: $spacing-sm, $spacing-xs, $spacing-tiny, $radius-lg, $radius-md, $shadow-sm, $line-height-normal, $component-link-underline-offset, $component-card-aspect-ratio-w, $component-card-aspect-ratio-h

Example

Title

Excerpt...

Markup

<div class="tinnitus-archive-hero">
  <div class="tinnitus-archive-hero__image">
    <a href="#"><img class="tinnitus-archive-hero__img" src="..." alt="..."></a>
  </div>
  <div class="tinnitus-archive-hero__content">
    <h2 class="tinnitus-archive-hero__title"><a href="#">Title</a></h2>
    <p class="tinnitus-archive-hero__excerpt">Excerpt...</p>
    <a class="tinnitus-archive-hero__link" href="#">Read more</a>
  </div>
</div>

Source: web/app/themes/naluma-theme/assets/scss/organisms/_archive-article.scss, line 1