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.

Overview [sr-only]

ClassDeclarations
padding-top:size / pt:sizepadding-top: sizerem
padding-bottom:size / pb:sizepadding-bottom: sizerem
padding-left:size / pl:sizepadding-left: sizerem
padding-right:size / pr:sizepadding-right: sizerem
padding:size / p:sizepadding: sizerem
padding:size|size / p:size|sizepadding: sizerem sizerem
padding:size|size|size / p:size|size|sizepadding: sizerem sizerem sizerem
padding:size|size|size|size / p:size|size|size|sizepadding: sizerem sizerem sizerem sizerem
px:sizepadding-left: sizerem; padding-right: sizerem
py:sizepadding-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>
PREVIOUS
Margin

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

NEXT
Stroke

Style syntax for setting the outline color of an SVG shape.

MIT License © Aoyue Design LLC.