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;
|
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>