Syntax

Animation Duration

Setting the length of time that an animation takes to complete one cycle.

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

Overview

ClassDeclarations
@duration:milliSeconds,…animation-duration: milliSeconds,…;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.
MIT License