<abbr class="event-month reverse" title="November">Nov</abbr>
<abbr class="event-month{{event_month_style}}" title="{{event_month_full}}">{{event_month_short}}</abbr>
{
"event_month_full": "November",
"event_month_short": "Nov",
"event_month_style": " reverse"
}
$color-event-month:var(--red);
.event-month[title] {
border:1px rgba(black,0.1) solid;
color:$color-event-month;
display:block;
font-size:0.875rem;
font-weight:bold;
line-height:1rem;
padding:0.25rem 0;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
&.reverse {
background-color:$color-event-month;
border:none;
color:white;
}
}
There are no notes for this item.