Spacing
The classes are named using the format:
{property}{sides}-{size} for xs
{property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl.
| property | |
|---|---|
| m | margin |
| p | padding |
| sides | |
|---|---|
| t | top |
| b | bottom |
| l | left |
| r | right |
| x | left and right |
| y | top and bottom |
| blank | all sides (top, bottom, left and right) |
| size | |
|---|---|
| 0 | removes all margin or padding |
| 1 | sets margin or padding to $spacer * 0.25 |
| 2 | sets margin or padding to $spacer * 0.5 |
| 3 | sets margin or padding to $spacer |
| 4 | sets margin or padding to $spacer * 1.5 |
| 5 | sets margin or padding to $spacer * 3 |
| auto | sets margin or padding to auto |
Spacer is set in the Sass file _variables.scss and is usually 1rem.