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

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<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.