Spacing (Margin & Padding)
Example
This example just has padding applied all around.
You can also just target one side.
The class also supports axis'.
Classes
Format: u-prop__side--spacing
This utlitiy is responsive and can be used like class="u-prop__side--spacing@md"
| Modifiers | Description | Values |
| prop | Selects padding or margin | margin, padding |
| side | Selects side or axis | left, right, top, bottom, y, x |
| spacing | Selects spacing | 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, auto |
Example
This example just has margin applied all around.
You can also just target one side.
The class also supports axis'.
Classes
Format: u-prop__side--spacing
This utlitiy is responsive and can be used like class="u-prop__side--spacing@md"
| Modifiers | Description | Values |
| prop | Selects padding or margin | margin, padding |
| side | Selects side or axis | left, right, top, bottom, y, x |
| spacing | Selects spacing | 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, auto |