fix(VBtn): size icons to 18px, scaling with button size

fixes #11294
vuetifyjs · Feb 17, 2021 · 25201c5 · 25201c5
1 parent 8a639c1
commit 25201c5
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VIcon/VIcon.sass b/packages/vuetify/src/components/VIcon/VIcon.sass
@@ -34,7 +34,17 @@
       width: map-get($icon-sizes, $name)
       height: map-get($icon-sizes, $name)
 
-      .v-icon__svg
-        width: map-get($icon-sizes, $name)
-        height: map-get($icon-sizes, $name)
+// Contextual styles
+.v-btn:not(.v-btn--icon) .v-icon
+  &--right
+    margin-left: calc(var(--v-btn-height) / 4.5)
+    margin-right: calc(var(--v-btn-height) / -9)
+
+  &--left
+    margin-left: calc(var(--v-btn-height) / -9)
+    margin-right: calc(var(--v-btn-height) / 4.5)
 
+  &--size-default
+    font-size: (18/14) * 1em
+    width: 1em
+    height: 1em