Word Break
Utilities for controlling word breaks in an element.
| Class | Properties |
|---|---|
| .break-normal | word-break: normal; overflow-wrap: normal; |
| .break-words | overflow-wrap: break-word; |
| .break-all | word-break: break-all; |
Normal
Use .break-normal to only add line breaks at normal word break points.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Bundesausbildungsförderungsgesetz? Dolores beatae nam at sed dolorum ratione dolorem nisi velit cum.
Break Words
Use .break-words to add line breaks mid-word if needed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Bundesausbildungsförderungsgesetz? Dolores beatae nam at sed dolorum ratione dolorem nisi velit cum.
Break All
Use .break-all to add line breaks whenever necessary, without trying to preserve whole words.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Bundesausbildungsförderungsgesetz? Dolores beatae nam at sed dolorum ratione dolorem nisi velit cum.
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.