語法

文字大小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>
語法
文字陰影

Adding shadows to text.

語法
文字描邊

Setting the width and color of strokes for text characters.

© Aoyue Design LLC.