From 6969bf78a66b08b81c5d8da8a8ea54bb0b5aa3a4 Mon Sep 17 00:00:00 2001 From: John Leider Date: Sun, 24 Mar 2024 15:02:43 -0500 Subject: [PATCH] fix(VChip): apply correct default v-icon sizing --- packages/vuetify/src/components/VChip/VChip.sass | 3 +++ packages/vuetify/src/components/VChip/_variables.scss | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/vuetify/src/components/VChip/VChip.sass b/packages/vuetify/src/components/VChip/VChip.sass index 41733a71168..2c663a4d9d5 100644 --- 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 index 692c3c9e81c..950bcc5efee 100644 --- 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;