Sizing

Aspect Ratio

Style syntax for setting the ratio for the box.

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

Overview [sr-only]

ClassDeclarations
aspect-ratio:ratio / aspect:ratioaspect-ratio: ratio
squareaspect-ratio: 1/1
videoaspect-ratio: 16/9

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="aspect:1/1:hover aspect:1/1@sm aspect:1/1@dark aspect:1/1@print"></div>
PREVIOUS
Shape Outside

Style syntax for setting a shape around which adjacent inline content should wrap.

NEXT
Box Sizing

Style syntax for setting how the total width and height of an element is calculated.

MIT License © Aoyue Design LLC.