From ea0d0ebe9cc611fa0b0a813eca0002a77c10ef41 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Tue, 31 Oct 2017 16:09:09 -0400 Subject: [PATCH] Add badges + cheatsheet table to flex, grow, & shrink docs --- .../docs/flexbox-flex-grow-shrink.blade.md | 64 +++++++++++++++++-- 1 file changed, 60 insertions(+), 4 deletions(-) diff --git a/docs/source/docs/flexbox-flex-grow-shrink.blade.md b/docs/source/docs/flexbox-flex-grow-shrink.blade.md index 17512aad8..8a7af3ef1 100644 --- a/docs/source/docs/flexbox-flex-grow-shrink.blade.md +++ b/docs/source/docs/flexbox-flex-grow-shrink.blade.md @@ -6,13 +6,69 @@ category: "Flexbox" # Flex, Grow, & Shrink - -
+
Utilities for controlling how flex items grow and shrink.
-
- Responsive +@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => false, + 'hover' => false, + 'focus' => false +]) + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassPropertiesDescription
.flex-initialflex: initial;Allow a flex item to shrink but not grow, taking into account it's initial size.
.flex-1flex: 1;Allow a flex item to grow and shrink as needed, ignoring it's initial size.
.flex-autoflex: auto;Allow a flex item to grow and shrink, taking into account it's initial size.
.flex-noneflex: none;Prevent a flex item from growing or shrinking.
.flex-growflex-grow: 1;Allow a flex item to grow to fill any available space.
.flex-shrinkflex-shrink: 1;Allow a flex item to shrink if needed.
.flex-no-growflex-grow: 0;Prevent a flex item from growing.
.flex-no-shrinkflex-shrink: 0;Prevent a flex item from shrinking.
### Initial Default