Typography

Text elements

Header 1 - 28px

Header 2 - 24px

Header 3 - 22px

Header 4 - 18px

Header 5 - 500 weight, 16px

Header 6 - 14px

Body - 15px

I'm a link! Label - %small or .label, 12px

Text alignment

%p.text-left Left aligned text
%p.text-center Center aligned text
%p.text-right Right aligned text
%p.text-justify Justified text

Text transform

%p.text-lowercase lowercased text
%p.text-uppercase UPPERCASED TEXT
%p.text-capitalize Capitalized Text

Font styles

%p.font-weight-light Light weight text
%p.font-weight-bold Bold text
%p.font-italic Italic text

Vertical alignment

%span.align-baseline baseline
%span.align-top top
%span.align-middle middle
%span.align-bottom bottom
%span.align-text-top text-top
%span.align-text-bottom text-bottom