This design system is based on a 14-column grid and uses viewport width (vw) measurements to measure these columns.
For example: one column = 7.14vw. To get that number, you divide 100 (the full width of the viewport) by 14 (number of columns).

Padding

Padding - Extra Small
Extra small = .25 column
Padding - Small
Small = .5 column
Padding - Medium
Medium = 1 column
Padding - Large
Large = 1.5 column

Padding Combo Classes

Stackable - Top
Removes top padding
Stackable - Bottom
Removes bottom padding
Stackable - Right
Removes right padding
Stackable - Left
Removes left padding
Stackable - Sides
Removes right and left padding
Stackable - Top and Bottom
Removes top and bottom padding

Spacing

Spacing Bottom - 10px
Spacing Bottom - Extra Small
Spacing Bottom - Small
Spacing Bottom - Medium
Spacing Bottom - Large