Padding

Used to generate space around an element's content, inside of any defined borders

Usage

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

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

Classes

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

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