From 44ca683f91980538b252d39cbc251906ccddcb9f Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Tue, 31 Oct 2017 13:24:03 -0400 Subject: [PATCH] Add badges + cheatsheet table for whitespace & wrapping docs --- .../docs/whitespace-and-wrapping.blade.md | 73 +++++++++++++++++-- 1 file changed, 68 insertions(+), 5 deletions(-) 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.