Syntax

padding

Setting the padding area on all four sides of an element.

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;`

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.

Overview