mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(components): [select] Fix tags style (#10502)

Browse Source 
style(components): [Select] Fix tags style
This commit is contained in:
kooriookami 2022-11-09 10:34:05 +08:00 committed by GitHub
parent 10737d2495
commit 03a628cab5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
packages/theme-chalk/src/select.scss
View File

@ -13,6 +13,35 @@
display: flex;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
.#{$namespace}-tag {
box-sizing: border-box;
border-color: transparent;
margin: 2px 6px 2px 0;
&:last-child {
margin-right: 0;
}
.#{$namespace}-icon-close {
background-color: getCssVar('text-color', 'placeholder');
right: -7px;
top: 0;
color: $color-white;
&:hover {
background-color: getCssVar('text-color', 'secondary');
}
&::before {
display: block;
transform: translate(0, 0.5px);
}
}
}
.#{$namespace}-tag--info {
background-color: getCssVar('fill-color');
}
}
@include b(select) {
@ -187,34 +216,4 @@
height: inherit;
display: flex;
}
.#{$namespace}-select__tags {
.#{$namespace}-tag {
box-sizing: border-box;
border-color: transparent;
margin: 2px 6px 2px 0;
&:last-child {
margin-right: 0;
}
.#{$namespace}-icon-close {
background-color: getCssVar('text-color', 'placeholder');
right: -7px;
top: 0;
color: $color-white;
&:hover {
background-color: getCssVar('text-color', 'secondary');
}
&::before {
display: block;
transform: translate(0, 0.5px);
}
}
}
.#{$namespace}-tag--info {
background-color: getCssVar('fill-color');
}
}
}