Spacing

Sizes

--grn-space-xs

--grn-space-s

--grn-space-s2

--grn-space-m

--grn-space-l

--grn-space-l2

--grn-space-xl

xl2

--grn-space-xl2

xxl

--grn-space-xxl

Design guidelines

For smaller spacings (up to ~80px)
Whenever possible use one of the preset spaces.
If more granular control is needed, use a number multiple of 8.

For larger spacings
Use a number multiple of 8.

Don't use the preset spaces to size elements (like width and height), instead use a number multiple of 8.