Syntax

size

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

Overview

ClassDeclarations
size:<size>width: <size>/16rem; height: <size>/16rem;
fullwidth: 100%; height: 100%;
fitwidth: fit-content; height: fit-content;
size:minwidth: min-content; height: min-content;
size:maxwidth: max-content; height: max-content;

Apply conditionally

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

<div class="size:32:hover size:32@sm size:32@dark size:32@print">…</div>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy