Spacing

Padding

Style syntax for setting the padding area on all four sides of an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`padding-top:size` `/` `pt:size`	`padding-top: sizerem`
`padding-bottom:size` `/` `pb:size`	`padding-bottom: sizerem`
`padding-left:size` `/` `pl:size`	`padding-left: sizerem`
`padding-right:size` `/` `pr:size`	`padding-right: sizerem`
`padding:size` `/` `p:size`	`padding: sizerem`
`padding:size\|size` `/` `p:size\|size`	`padding: sizerem sizerem`
`padding:size\|size\|size` `/` `p:size\|size\|size`	`padding: sizerem sizerem sizerem`
`padding:size\|size\|size\|size` `/` `p:size\|size\|size\|size`	`padding: sizerem sizerem sizerem sizerem`
`px:size`	`padding-left: sizerem; padding-right: sizerem`
`py:size`	`padding-top: sizerem; padding-bottom: sizerem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="p:10:hover p:10@sm p:10@dark p:10@print">…</div>