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: size/16rem; line-height: calc(size/16rem + 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>
Syntax
text-shadow

Adding shadows to text.

Syntax
text-stroke

Setting the width and color of strokes for text characters.

© Aoyue Design LLC.