Text

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 [sr-only]

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

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="text:40:hover text:40@sm text:40@dark text:40@print"></div>
PREVIOUS
Text Shadow

Style syntax for adding shadows to text.

NEXT
Text Stroke

Style syntax for setting the width and color of strokes for text characters.

MIT License © Aoyue Design LLC.