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 conditional queries.

<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.
MIT License