White space

Utilities for controlling an element's white-space property.

Class	Properties
.ws-normal	white-space: normal;
.ws-nowrap	white-space: nowrap;
.ws-pre	white-space: pre;
.ws-pre-line	white-space: pre-line;
.ws-pre-wrap	white-space: pre-wrap;

Normal

Use .ws-normal to cause text to wrap normally within an element. Newlines and spaces will be collapsed.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quidem itaque beatae, rem tenetur quia iure, eum natus enim maxime laudantium quibusdam illo nihil, reprehenderit saepe quam aliquid odio accusamus.

No Wrap

Use .ws-nowrap to prevent text from wrapping within an element. Newlines and spaces will be collapsed.

Pre

Use .ws-pre to preserve newlines and spaces within an element. Text will not be wrapped.

Pre Line

Use .ws-pre-line to preserve newlines but not spaces within an element. Text will be wrapped normally.

Pre Wrap

Use .ws-pre-wrap to preserve newlines and spaces within an element. Text will be wrapped normally.

Variants

By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.