fix(flex): add missing flex-x-x-0 classes

vuetifyjs · May 27, 2024 · a23dece · a23dece
1 parent e46a98d
commit a23dece
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/packages/docs/src/pages/en/styles/flex.md b/packages/docs/src/pages/en/styles/flex.md
@@ -52,21 +52,41 @@ Control the layout of flex containers with alignment, justification and more wit
 | **flex-md-0-0** | flex: 0 0 auto; |
 | **flex-lg-0-0** | flex: 0 0 auto; |
 | **flex-xl-0-0** | flex: 0 0 auto; |
+| **flex-1-1-0** | flex: 1 1 0%; |
+| **flex-sm-1-1-0** | flex: 1 1 0%; |
+| **flex-md-1-1-0** | flex: 1 1 0%; |
+| **flex-lg-1-1-0** | flex: 1 1 0%; |
+| **flex-xl-1-1-0** | flex: 1 1 0%; |
 | **flex-1-1-100** | flex: 1 1 100%; |
 | **flex-sm-1-1-100** | flex: 1 1 100%; |
 | **flex-md-1-1-100** | flex: 1 1 100%; |
 | **flex-lg-1-1-100** | flex: 1 1 100%; |
 | **flex-xl-1-1-100** | flex: 1 1 100%; |
+| **flex-1-0-0** | flex: 1 0 0%; |
+| **flex-sm-1-0-0** | flex: 1 0 0%; |
+| **flex-md-1-0-0** | flex: 1 0 0%; |
+| **flex-lg-1-0-0** | flex: 1 0 0%; |
+| **flex-xl-1-0-0** | flex: 1 0 0%; |
 | **flex-1-0-100** | flex: 1 0 100%; |
 | **flex-sm-1-0-100** | flex: 1 0 100%; |
 | **flex-md-1-0-100** | flex: 1 0 100%; |
 | **flex-lg-1-0-100** | flex: 1 0 100%; |
 | **flex-xl-1-0-100** | flex: 1 0 100%; |
+| **flex-0-1-0** | flex: 0 1 0%; |
+| **flex-sm-0-1-0** | flex: 0 1 0%; |
+| **flex-md-0-1-0** | flex: 0 1 0%; |
+| **flex-lg-0-1-0** | flex: 0 1 0%; |
+| **flex-xl-0-1-0** | flex: 0 1 0%; |
 | **flex-0-1-100** | flex: 0 1 100%; |
 | **flex-sm-0-1-100** | flex: 0 1 100%; |
 | **flex-md-0-1-100** | flex: 0 1 100%; |
 | **flex-lg-0-1-100** | flex: 0 1 100%; |
 | **flex-xl-0-1-100** | flex: 0 1 100%; |
+| **flex-0-0-0** | flex: 0 0 0% |
+| **flex-sm-0-0-0** | flex: 0 0 0% |
+| **flex-md-0-0-0** | flex: 0 0 0% |
+| **flex-lg-0-0-0** | flex: 0 0 0% |
+| **flex-xl-0-0-0** | flex: 0 0 0% |
 | **flex-0-0-100** | flex: 0 0 100%; |
 | **flex-sm-0-0-100** | flex: 0 0 100%; |
 | **flex-md-0-0-100** | flex: 0 0 100%; |

diff --git a/packages/vuetify/src/styles/settings/_utilities.scss b/packages/vuetify/src/styles/settings/_utilities.scss
@@ -67,7 +67,11 @@ $utilities: () !default;
           '1-1-100': 1 1 100%,
           '1-0-100': 1 0 100%,
           '0-1-100': 0 1 100%,
-          '0-0-100': 0 0 100%
+          '0-0-100': 0 0 100%,
+          '1-1-0': 1 1 0,
+          '1-0-0': 1 0 0,
+          '0-1-0': 0 1 0,
+          '0-0-0': 0 0 0,
         )
       ),
       "flex-direction": (