font Colors

.color-blue

This is some text inside of a div block.

.color-white

This is some text inside of a div block.

.color-white-60

This is some text inside of a div block.

fonts

.400

This is some text inside of a div block.

.500

This is some text inside of a div block.

Text transforms

.lh-s

This is some text inside of a div block.

.lh-m

This is some text inside of a div block.

.all-caps

This is some text inside of a div block.

.ls-1

This is some text inside of a div block.

.ls-3

This is some text inside of a div block.

.ls-5

This is some text inside of a div block.

.link

This is some text inside of a div block.

.link-nohover

This is some text inside of a div block.

.link-hover-75

This is some text inside of a div block.

headings

.hed-xxxl

Heading XXXL

.hed-xxl

Heading XXL

.pf-hed-xl

Heading XL

.pf-hed-l

Heading L

.pf-hed-m

Heading M

.pf-hed-s

Heading S

.pf-hed-xs

Heading XS

.hed-xxs

Heading XXS

.hed-xxxs

Heading XXXS

Body

.bod-l

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in sollicitudin magna, vitae mollis nisl. Proin porttitor quam convallis, gravida elit sit amet, tempor nunc. Phasellus commodo viverra elementum. Nulla ligula dui, tincidunt quis mauris sed, lobortis tincidunt leo. Donec nec justo laoreet felis feugiat lobortis eu tincidunt sapien. Proin eget pulvinar ex, faucibus vestibulum nisi. Sed feugiat porttitor sem, vitae rhoncus nulla porttitor quis. Mauris pretium rutrum mi, sed convallis diam pretium vel. In convallis velit sed lacus sollicitudin pretium. Proin at lacus sagittis, pulvinar quam in, euismod augue. Nulla at arcu lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nibh metus, aliquet ac molestie eu, accumsan in erat.

.bod-m

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in sollicitudin magna, vitae mollis nisl. Proin porttitor quam convallis, gravida elit sit amet, tempor nunc. Phasellus commodo viverra elementum. Nulla ligula dui, tincidunt quis mauris sed, lobortis tincidunt leo. Donec nec justo laoreet felis feugiat lobortis eu tincidunt sapien. Proin eget pulvinar ex, faucibus vestibulum nisi. Sed feugiat porttitor sem, vitae rhoncus nulla porttitor quis. Mauris pretium rutrum mi, sed convallis diam pretium vel. In convallis velit sed lacus sollicitudin pretium. Proin at lacus sagittis, pulvinar quam in, euismod augue. Nulla at arcu lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nibh metus, aliquet ac molestie eu, accumsan in erat.

.bod-s

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in sollicitudin magna, vitae mollis nisl. Proin porttitor quam convallis, gravida elit sit amet, tempor nunc. Phasellus commodo viverra elementum. Nulla ligula dui, tincidunt quis mauris sed, lobortis tincidunt leo. Donec nec justo laoreet felis feugiat lobortis eu tincidunt sapien. Proin eget pulvinar ex, faucibus vestibulum nisi. Sed feugiat porttitor sem, vitae rhoncus nulla porttitor quis. Mauris pretium rutrum mi, sed convallis diam pretium vel. In convallis velit sed lacus sollicitudin pretium. Proin at lacus sagittis, pulvinar quam in, euismod augue. Nulla at arcu lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nibh metus, aliquet ac molestie eu, accumsan in erat.

Rich text

.pf-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript