feat(VInput): add new $input-flex sass variable

vuetifyjs · Feb 3, 2024 · 0f1d43a · 0f1d43a
1 parent 0e94ff4
commit 0f1d43a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VInput/VInput.sass b/packages/vuetify/src/components/VInput/VInput.sass
@@ -5,7 +5,7 @@
 
 .v-input
   display: grid
-  flex: 1 1 auto
+  flex: $input-flex
   font-size: $input-font-size
   font-weight: $input-font-weight
   line-height: $input-line-height

diff --git a/packages/vuetify/src/components/VInput/_variables.scss b/packages/vuetify/src/components/VInput/_variables.scss
@@ -5,6 +5,7 @@
 // CONTROL
 $input-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
 $input-control-height: 56px !default;
+$input-flex: 1 1 auto !default;
 $input-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
 $input-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
 $input-line-height: 1.5 !default;