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.

Overview

ClassDeclarations
pt:sizepadding-top: sizerem;
pb:sizepadding-bottom: sizerem;
pl:sizepadding-left: sizerem;
pr:sizepadding-right: sizerem;
p:sizepadding: sizerem;
px:sizepadding-left: sizerem; padding-right: sizerem;
py:sizepadding-top: sizerem; padding-bottom: sizerem;

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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.