fix(VBtn): add boolean rounded support

vuetifyjs · Mar 2, 2022 · dec48eb · dec48eb
1 parent ea082f7
commit dec48eb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass
@@ -47,9 +47,6 @@
     &:focus-visible::after
       opacity: calc(.25 * var(--v-theme-overlay-multiplier))
 
-  &--flat
-    box-shadow: none
-
   &--icon
     border-radius: $button-icon-border-radius
     min-width: 0
@@ -99,6 +96,9 @@
       @include button-sizes($button-stacked-sizes, true)
       @include button-density('height', $button-stacked-density)
 
+  &--rounded
+    @include tools.rounded($button-rounded-border-radius)
+
 .v-btn__content
   transition: $button-content-transition
 

diff --git a/packages/vuetify/src/components/VBtn/_variables.scss b/packages/vuetify/src/components/VBtn/_variables.scss
@@ -41,6 +41,7 @@ $button-text-transform: tools.map-deep-get(settings.$typography, 'button', 'text
 $button-vertical-align: middle !default;
 $button-width-ratio: math.div(16, 9) !default;
 $button-stacked-width-ratio: 1 !default;
+$button-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;
 
 $button-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;
 $button-stacked-density: ('default': 0, 'comfortable': -4, 'compact': -6) !default;