Syntax

Transition Duration

Setting the length of time a transition should takes to complete.

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

Overview

ClassDeclarations
~duration:milliSeconds,…transition-duration: milliSeconds,…;

Conditionally apply

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

<div class="~duration:300ms:hover ~duration:300ms@sm ~duration:300ms@dark ~duration:300ms@print">…</div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.
MIT License