Font Weight
From 100 to 900
font-weight: 100 ... font-weight: 900
<span class="font-weight-100">100 font weight</span> ... <span class="font-weight-900">900 font weight</span>
Font Size
Multiplies of 2, max: 120
font-size: 20
<span class="font-size-20">font-size: 20</span>
Line Height
Multiplies of 2, max: 120
line-height: 2 ... line-height: 120
<span class="line-height-2">2px line height</span> ... <span class="line-height-120">120px line height</span>
Other helpers
Left aligned text
<div class="text-left">Left aligned text</div>
Center aligned text
<div class="text-center">Center aligned text</div>
Right aligned text
<div class="text-right">Right aligned text</div>

Boxed text

<p> <span class="text-boxed">Boxed text</span> </p>

Boxed text light

<p> <span class="text-boxed-light">Boxed text light</span> </p>

Strike-through text

<p> <span class="text-strike">Strike-through text</span> </p>
Italic text
<div class="text-italic">Italic text</div>
Semi-bold text
<div class="text-semibold">Semi-bold text</div>
Bold text
<div class="text-bold">Bold text</div>
This is a truncated text. It will be truncated if it's too long. Vivamus convallis dui porta massa.
<span class="text-truncate"> This is a truncated text. It will be truncated if it's too long. Vivamus convallis dui porta massa. </span>