Dialtone

Whitespace

Utilities for controlling an element's whitespace.

Classes

ClassOutput
.d-ws-normalwhite-space: normal !important;
.d-ws-nowrapwhite-space: nowrap !important;
.d-ws-prewhite-space: pre !important;
.d-ws-pre-linewhite-space: pre-line !important;
.d-ws-pre-wrapwhite-space: pre-wrap !important;
.d-ws-break-spaceswhite-space: break-spaces !important;
.d-ws-unsetwhite-space: unset !important;

Normal

Use d-ws-normal to collapse an element's text whitespaces sequences and newline characters are treated like whitespace. Lines are broken as needed to fill boxes.

<p class="d-ws-normal">...</p>

No wrap

Use d-ws-nowrap to collapse an element's text whitespaces sequences, but line breaks are not honored. This keeps text from wrapping.

<p class="d-ws-nowrap">...</p>

Pre

Use d-ws-pre to preserve an element's whitespaces sequences. Lines are only broken at new line characters and <br/> elements.

<p class="d-ws-pre">...</p>

Pre Line

Use d-ws-pre-line to collapse an element's whitespaces sequences. Lines are broken at new line characters, <br/> elements, or as needed to fill boxes.

<p class="d-ws-pre-line">...</p>

Pre Wrap

Use d-ws-pre-wrap to preserve an element's whitespaces sequences. Lines are broken at new line characters, <br/> elements, or as needed to fill boxes.

<p class="d-ws-pre-wrap">...</p>

Break Spaces

Use d-ws-break-spaces to have an element act like pre-wrap except that any sequence of preserved whitespace always takes up space, a line breaking opportunity exists after every preserved whitespace character, and preserved spaces take up space and do not hang which affects the element's intrinisic size (min-content and max-content sizes).

<p class="d-ws-break-spaces">...</p>
Last Updated: