Syntax

line-clamp🚧

Limiting the contents of a container to the specified number of lines.

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

Overview

ClassDeclarations
lines:valuedisplay: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: value; overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis;

Conditionally apply

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

<div class="lines:1:hover lines:1@sm lines:1@dark lines:1@print">…</div>
Syntax
letter-spacing

Setting the spacing between text characters.

Syntax
line-height

Setting the height of a line box.

© Aoyue Design LLC.