Spacing

Spacing can be applied using margin or padding. There are 7 available spacing sizes. Both margin and padding share the same predefined scale.

4px - XX-Small
8px - X-Small
12px - Small
16px - Medium
24px - Large
48px - X-Large
64px - XX-Large

Individual spacing can be applied to a single side of an element. Both margin and padding share the same predefined scale. The same 7 sizes are available.