fix(VChip): apply correct default v-icon sizing

vuetifyjs · Mar 24, 2024 · 6969bf7 · 6969bf7
1 parent 23d9d3b
commit 6969bf7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VChip/VChip.sass b/packages/vuetify/src/components/VChip/VChip.sass
@@ -14,6 +14,9 @@
   white-space: $chip-white-space
   vertical-align: middle
 
+  .v-icon
+    --v-icon-size-multiplier: #{$chip-icon-size-multiplier}
+
   @at-root
     @include chip-sizes()
     @include chip-density('height', $chip-density)

diff --git a/packages/vuetify/src/components/VChip/_variables.scss b/packages/vuetify/src/components/VChip/_variables.scss
@@ -18,7 +18,7 @@ $chip-elevation: 1 !default;
 $chip-font-size: tools.map-deep-get(settings.$typography, "button", "size") !default;
 $chip-font-weight: 400 !default;
 $chip-height: 32px !default;
-$chip-icon-font-size: 1.25rem !default;
+$chip-icon-size-multiplier: calc(18/21) !default;
 $chip-label-border-radius: settings.$border-radius-root !default;
 $chip-max-width: 100% !default;
 $chip-overflow: hidden !default;