Spacing: Padding and Margin

Padding

Vertical padding: padding-v-[x] 0 - 4.
e.g. padding-v-1 adds 1 rem (16px) on top and bottom of element

Horizontal padding: padding-h-[x] 0 - 4.
e.g. padding-h-1 adds 1 rem (16px) to left and right of element

Top padding: padding-top-[x] 0 - 4.
e.g. padding-top-1 adds 1 rem (16px) to top of element

Bottom padding: padding-bottom-[x] 0 - 4.
e.g. padding-bottom-1 adds 1 rem (16px) to the bottom of element

Margin

Vertical margin: margin-v-[x] 0 - 4.
e.g. margin-v-1 adds 1 rem (16px) on top and bottom of element

Horizontal margin: margin-h-[x] 0 - 4.
​​​​​​​e.g. margin-h-1 adds 1 rem (16px) to left and right of element

Top margin: margin-top-[x] 0 - 4.
​​​​​​​e.g. margin-top-1 adds 1 rem (16px) to top of element

Bottom margin: margin-bottom-[x] 0 - 4.
​​​​​​​e.g. margin-bottom-1 adds 1 rem (16px) to the bottom of element