Margin

Used to create space around elements, outside of any defined borders

Usage

Add margin-* class to block or inline block element.

<div class="margin-medium">
    // Your content
</div>

Classes

Class	Value
`margin-2xsmall`	`var(--margin-2xsmall)`
`margin-xsmall`	`var(--margin-xsmall)`
`margin-small`	`var(--margin-small)`
`margin-medium`	`var(--margin-medium)`
`margin-large`	`var(--margin-large)`
`margin-xlarge`	`var(--margin-xlarge)`
`margin-remove-all`
`margin-remove-vertical`
`margin-remove-horizontal`
`margin-remove-top`
`margin-remove-right`
`margin-remove-bottom`
`margin-remove-left`

Add @s, @m, or @l suffix to support breakpoints