Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
FOUNDATIONS
UTILITY
COMPONENTS

Spacing Foundations

Use this page to setup some standard spacing between HTML elements. We use bottom margin for 99% of classes as it provides a simple solution that works flawlessly. If you need some custom direction, simply add this as a combo class using the same naming approach.

Margin

Use this page to adjust your margin settings or add additional unique margin control.

Margin Bottom / 4
4px on Bottom
Margin Bottom / 8
8px on Bottom
Margin Bottom / 12
12px on Bottom
Margin Bottom / 16
16px on Bottom
Margin Bottom / 20
20px on Bottom
Margin Bottom / 24
24px on Bottom
Margin Bottom / 28
28px on Bottom
Margin Bottom / 32
32px on Bottom
Margin Bottom / 36
36px on Bottom
Margin Bottom / 40
40px on Bottom
Margin Bottom / 44
44px on Bottom
Margin Bottom / 48
48px on Bottom
Margin Bottom / 56
56px on Bottom
Margin Bottom / 64
64px on Bottom
Margin Bottom / 72
72px on Bottom
Margin Bottom / 80
80px on Bottom
Margin Bottom / 88
88px on Bottom
Margin Bottom / 96
96px on Bottom