Syntax
size
Style shorthand for setting the width and height of an element.
Overview
| Class | Declarations |
|---|---|
size:<size> | width: <size>/16rem;
height: <size>/16rem;
|
full | width: 100%;
height: 100%;
|
fit | width: fit-content;
height: fit-content;
|
size:min | width: min-content;
height: min-content;
|
size:max | width: 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>