diff --git a/docs/source/docs/whitespace-and-wrapping.blade.md b/docs/source/docs/whitespace-and-wrapping.blade.md index d0b3f53d4..80a618d23 100644 --- a/docs/source/docs/whitespace-and-wrapping.blade.md +++ b/docs/source/docs/whitespace-and-wrapping.blade.md @@ -1,12 +1,75 @@ --- extends: _layouts.documentation -title: "Whitespace & Wrapping" +title: "Whitespace & Wrapping" --- # Whitespace & Wrapping -
- Usage - Responsive - Customizing +
+ Utilities for controlling the whitespace and wrapping of an element. +
+ +@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => true, + 'hover' => false, + 'focus' => false +]) + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassPropertiesDescription
.whitespace-normalwhite-space: normal;Cause text to wrap normally within an element.
.whitespace-no-wrapwhite-space: nowrap;Prevent text from wrapping within an element.
.whitespace-prewhite-space: pre;Preserve line returns and spaces within an element.
.whitespace-pre-linewhite-space: pre-line;Preserve line returns but not spaces within an element.
.whitespace-pre-wrapwhite-space: pre-wrap;Preserve spaces but not line returns within an element.
.break-wordsword-wrap: break-word;Allow unbreakable words to be broken within an element.
.break-normalword-wrap: normal;Break words only at allowed break points within an element.
.truncate + overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ 		Cause overflowing text within an element get to truncated with an ellipsis (…) if required.