Date badge
Day and month in a box, e.g. on top of the image in news and event lists and detail pages. Positioning belongs to the respective component.
Markup
<span class="c-date-badge [modifier class]">
<time datetime="2026-10-13">
<span class="c-date-badge__day" aria-hidden="true">13</span>
<span class="c-date-badge__month" aria-hidden="true">Oct 2026</span>
<span class="u-visually-hidden">13. October 2026</span>
</time>
</span>
Source:
assets/sass/06-components/_components.date-badge.scss, line 1