Typography
Work in progress...
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>

Code Block
.rui-pre
Text Size
.text-size-xl
.text-size-lg
.text-size-base
.text-size-md
.text-size-sm
.text-size-xs
Text - Font weight
.rui-text--weight-normal
.rui-text--weight-medium
.rui-text--weight-bold
Text with opacity (0.7)
.rui-text--opacity
Colorized Headings/Text
.rui-text--gradient
.rui-text--white
.rui-text--black
.text-light
Animated Links (Underline)
.underline--anim
Last updated
Was this helpful?