Typography

Link underline

If somewhere on the page animated underline doesn't work then you can use a dedicated class.

<a href="#" class="underline--anim">Link</a>

Lead

lead-1, lead-2, lead-3, lead-4

<p class="lead-1">Lead #1</p>
<div class="lead-2">Lorem ipsum dolar set</div>

Display

display-1, display-2, display-3, display-4

<p class="display-1">Display #1</p>

Small

small, text-small

<span class="small">Small text</span>
<span class="text-small">Small text</span>

Modified

modified

<span class="modified">August 20, 2020</span>