Utility classes

This is some text inside of a div block.
Uppercase
This is some text inside of a div block.
Text center
This is some text inside of a div block.
Text right
This is some text inside of a div block.
Italic
This is some text inside of a div block.
Bold
Hidden
This is some text inside of a div block.
Space content vertically
Text that is longer than the container allows
Ellipsis
Primary light
White
Backgrounds

Utilities

Grid

Grid

Columns

Gutter
1 column
Body text width
2 columns
3 columns
4 columns

Margin lefts

Shift by 1
Shift gutter
Shift gutter right
Shift 1-column
Shift 2-columns
Shift 3-columns
No shift (Desktop) - THe left margin is set to 0 on all desktop screens and above
No shift (tablet) - THe left margin is set to 0 on all tablet screens and below
No shift (Mobile) - THe left margin is set to 0 on all mobile screens and below

Spacers

Extra Extra Small
Extra Small
Small
medium
Large
Extra Large
2x Extra Large