No notes defined.
<{{ tag }} class="uol-typography-heading-4{{ ' uol-typography-heading-4--' + variant if variant}}">{{ content | safe }}</{{ tag }}>
<h1 class="uol-typography-heading-4 uol-typography-heading-4--sans-serif">Great things are done by a series of small things brought together</h1>
.uol-typography-heading-4 {
@extend %text-size-heading-4;
@extend %uol-font-serif;
font-weight: $font-weight-bold--serif;
&.uol-typography-heading-4--sans-serif {
@extend %uol-font-sans-serif;
font-weight: $font-weight-bold--sans-serif;
}
}
{
"tag": "h1",
"content": "Great things are done by a series of small things brought together",
"variant": "sans-serif"
}