From 1f8c3b13566de28a7988185f56f46b38ca018d75 Mon Sep 17 00:00:00 2001 From: Mauricio Hernan Cabrera Date: Wed, 26 Aug 2020 22:44:24 -0300 Subject: [PATCH] docs added --- docs/content/utilities/flexbox.md | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/docs/content/utilities/flexbox.md b/docs/content/utilities/flexbox.md index 0917f722..d8c8cc39 100644 --- a/docs/content/utilities/flexbox.md +++ b/docs/content/utilities/flexbox.md @@ -132,8 +132,9 @@ You can choose whether flex items are forced into a single line or wrapped onto ### CSS ```css -.flex-wrap { flex-wrap: wrap; } -.flex-nowrap { flex-wrap: nowrap; } +.flex-wrap { flex-wrap: wrap; } +.flex-nowrap { flex-wrap: nowrap; } +.flex-wrap-reverse { flex-wrap: wrap-reverse; } ``` ### Classes @@ -142,6 +143,7 @@ You can choose whether flex items are forced into a single line or wrapped onto | --- | --- | | `.flex-wrap` | Flex items will break onto multiple lines (default) | | `.flex-nowrap` | Flex items are laid out in a single line, even if they overflow | +| `.flex-wrap-reverse` | Behaves the same as wrap but cross-start and cross-end are permuted. | ### `flex-wrap` example @@ -175,6 +177,22 @@ You can choose whether flex items are forced into a single line or wrapped onto ``` +### `flex-wrap-reverse` example + +```html live +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
+``` + ## Justify content Use these classes to distribute space between and around flex items along the **main axis** of the container.