Skip to main content

Main Content

Date Stacked

SCSS Source: core/src/scss/components/date-stacked/_date-stacked.scss

Twig Source: core/src/templates/components/date-stacked/date-stacked.twig

Description

Abbreviated month stacked on top of numerical day of the month.

Default Style

Oct 31

Example Markup

<div class="su-date-stacked [ modifier_class ]">
  <span class="su-date-stacked__month">Oct</span>
  <span class="su-date-stacked__day">31</span>
</div>

Style Variants

.su-date-stacked--no-background

Black type on transparent background

Oct 31

Example Markup

<div class="su-date-stacked su-date-stacked--no-background">
  <span class="su-date-stacked__month">Oct</span>
  <span class="su-date-stacked__day">31</span>
</div>