Syntax

White Space

Controlling how whitespace and line breaks within an element are handled.

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

Overview

ClassDeclarations
white-space:valuewhite-space: value;
break-spaceswhite-space: break-spaces;
white-space:normalwhite-space: normal;
white-space:nowrapwhite-space: nowrap;
white-space:prewhite-space: pre;
white-space:pre-linewhite-space: pre-line;
white-space:pre-wrapwhite-space: pre-wrap;

Conditionally apply

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

<div class="white-space:break-spaces:hover white-space:break-spaces@sm white-space:break-spaces@dark white-space:break-spaces@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.