The spacing scale is based on 8px, defining the elements dimensions and distances using multilples of 8.
An exception of this scale is the smaller size, 4px, to separate elements that should be intrinsically closer by their natural relationship.

Uniform spacing is applied to all sides of an element. Margin and Padding share the same scale with their respective classes.

Directional spacing is applied to an individual side of an element. Margin and Padding share the same scale with their respective classes.