From 4c25e8ba76294b2c84f3029050c47b668a7b44d8 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Sat, 25 May 2024 11:28:46 -0500
Subject: [PATCH] fix(flex): add missing flex-x-x-0 classes

---
 packages/docs/src/pages/en/styles/flex.md     | 20 +++++++++++++++++++
 .../src/styles/settings/_utilities.scss       |  6 +++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/packages/docs/src/pages/en/styles/flex.md b/packages/docs/src/pages/en/styles/flex.md
index e383a5bc5cf0..eeb47ffb5724 100644
--- 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
index 82a097a500e5..dc4ce44386fc 100644
--- 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": (