Syntax

Text Size

Style utility for setting the font size with a golden-ratio line height.

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

Overview

ClassDeclarations
text:sizefont-size: sizerem; line-height: calc(sizerem + 0.875em);

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.