<div class="supt-post-metas">
<div class="supt-tag">
<span class="supt-tag__label">News</span>
</div>
<svg width="3" height="4" viewBox="0 0 3 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="1.5" cy="2" r="1.5" fill="currentColor" />
</svg> <time itemprop="datePublished" datetime="2025-06-26T00:00:00+00:00">June 26, 2025</time>
</div>
No notes defined.
<div class="supt-post-metas">
{% include "atoms/tag/tag.twig" with tag only %}
{% include "02-icons/dot-icon.twig" %}
<time itemprop="datePublished" datetime="{{date|date("c")}}">{{ date|date("F d, Y") }}</time>
</div>
{
"tag": {
"label": "News"
},
"date": "2025-06-26"
}
.supt-post-metas {
display: flex;
flex-direction: row;
align-items: center;
gap: $spacing-2;
color: $color-grey-5;
time {
@extend %t-body-xs;
}
}