Syntax

Aspect Ratio

Setting the ratio for the box.

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

Overview

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

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.