Syntax

Size

Style shorthand for setting the width and height of an element.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
size:size / size:N/Nwidth: sizerem; height: sizerem;
fullwidth: 100%; height: 100%;
fitwidth: fit-content; height: fit-content;
size:minwidth: min-content; height: min-content;
size:maxwidth: max-content; height: max-content;

Conditionally apply

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

<div class="size:32:hover size:32@sm size:32@dark size:32@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.