feat(variant): add configurable $border-width-root

resolves #16786
vuetifyjs · Apr 15, 2024 · 2abb221 · 2abb221
1 parent f257755
commit 2abb221
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/vuetify/src/styles/settings/_variables.scss b/packages/vuetify/src/styles/settings/_variables.scss
@@ -12,15 +12,16 @@ $line-height-root: 1.5 !default;
 $border-color-root: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
 $border-radius-root: 4px !default;
 $border-style-root: solid !default;
+$border-width-root: thin !default;
 $transition-duration-root: 0.3s !default;
 $transition-move-duration-root: 0.5s !default;
 
 $borders: () !default;
 $borders: map-deep-merge(
  (
  0: 0,
- null: thin,
- thin: thin,
+ null: $border-width-root,
+ thin: $border-width-root,
  sm: 1px,
  md: 2px,
  lg: 4px,

diff --git a/packages/vuetify/src/styles/tools/_variant.sass b/packages/vuetify/src/styles/tools/_variant.sass
@@ -1,5 +1,6 @@
 @use "./absolute" as *
 @use "./elevation" as *
+@use "../settings/variables" as *
 
 @mixin variant($contained-background, $contained-color, $contained-elevation, $plain-opacity, $name)
  &--variant-plain,
@@ -33,7 +34,7 @@
  @include elevation(0)
 
  &--variant-outlined
- border: thin solid currentColor
+ border: $border-width-root solid currentColor
 
  &--variant-text
  .#{$name}__overlay