From b8b60248a63771aafa9bd828b71606742cccab69 Mon Sep 17 00:00:00 2001 From: btea <2356281422@qq.com> Date: Sat, 8 Jan 2022 05:40:53 -0600 Subject: [PATCH] feat(components): [el-tag] adjust icon size (#5207) * feat(components): [el-tag] adjust icon size * feat: font-size --- packages/theme-chalk/src/common/var.scss | 2 +- packages/theme-chalk/src/tag.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss index 72eb152ed9..94959aabfe 100644 --- a/packages/theme-chalk/src/common/var.scss +++ b/packages/theme-chalk/src/common/var.scss @@ -809,7 +809,7 @@ $tag-padding: map.merge( $tag-icon-size: () !default; $tag-icon-size: map.merge( ( - 'large': 14px, + 'large': 16px, 'default': 14px, 'small': 12px, ), diff --git a/packages/theme-chalk/src/tag.scss b/packages/theme-chalk/src/tag.scss index efaff2108d..310b6da1fa 100644 --- a/packages/theme-chalk/src/tag.scss +++ b/packages/theme-chalk/src/tag.scss @@ -117,14 +117,14 @@ $tag-icon-span-gap: map.merge( position: relative; cursor: pointer; - font-size: calc(var(--el-icon-size) - 2px); + font-size: calc(var(--el-icon-size) - 1px); height: var(--el-icon-size); width: var(--el-icon-size); line-height: var(--el-icon-size); svg { - margin: 2px; + margin: 1px; } } @@ -144,7 +144,7 @@ $tag-icon-span-gap: map.merge( padding-right: map.get($tag-icon-span-gap, 'default') - $border-width-base; } - @each $size in (large, small) { + @each $size in (large, default, small) { @include m($size) { padding: 0 map.get($tag-padding, $size) - $tag-border-width; height: map.get($tag-height, $size);