Helpers - Typography

Style

roman

italic

light

regular

medium

semibold

bold

roman

italic

light

regular

medium

semibold

bold

Family

ff--base

ff--title

ff--base

ff--title

Alignment

alignl

alignr

alignc

alignl

alignr

alignc

Title size

font-h1

font-h2

font-h3

font-h4

font-h5

font-h6

font-h1

font-h2

font-h3

font-h4

font-h5

font-h6

Text size

font-xl

font-lg

font-md

font-sm

font-xs

font-xl

font-lg

font-md

font-sm

font-xs

Case

resetcase

lowercase

uppercase

capitalize

resetcase

lowercase

uppercase

capitalize

Strike

strike

strike

Inverted

text-inverted

text-inverted

Line height

line-height-xl

line-height-lg

line-height-md

line-height-sm

line-height-xs

line-height-xl

line-height-lg

line-height-md

line-height-sm

line-height-xs

Paragraph Readable

Curabitur at felis consequat, aliquet augue quis, semper nibh. Donec elementum tempus sapien, eget tincidunt elit faucibus non. Suspendisse sed elementum lorem, eu condimentum arcu. Nullam est felis, molestie tincidunt porta quis, ornare in ante.

Curabitur at felis consequat, aliquet augue quis, semper nibh. Donec elementum tempus sapien, eget tincidunt elit faucibus non. Suspendisse sed elementum lorem, eu condimentum arcu. Nullam est felis, molestie tincidunt porta quis, ornare in ante.

{...}

{...}