Syntax

padding🚧

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
`pt:size`	`padding-top: size/16rem;`
`pb:size`	`padding-bottom: size/16rem;`
`pl:size`	`padding-left: size/16rem;`
`pr:size`	`padding-right: size/16rem;`
`p:size`	`padding: size/16rem;`
`px:size`	`padding-left: size/16rem; padding-right: size/16rem;`
`py:size`	`padding-top: size/16rem; padding-bottom: size/16rem;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Setting what a browser does when reaching the boundary of a scrolling area.

Setting align-content and justify-content at the same time.