Typography

Line Clamp

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

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

Conditionally apply

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

<div class="lines:1:hover lines:1@sm lines:1@dark lines:1@print"></div>
PREVIOUS
Letter Spacing

Style syntax for setting the spacing between text characters.

NEXT
Line Height

Style syntax for setting the height of a line box.

MIT License © Aoyue Design LLC.