javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(components): [radio] inner add transition (#23083)

Browse Source
This commit is contained in:
btea
2025-12-12 21:42:22 +08:00
committed by GitHub
parent cbb5a0e606
commit 2fb7db6a41
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/theme-chalk/src/radio.scss
View File

@@ -103,6 +103,7 @@ $radio-font-size: map.merge(
cursor: not-allowed;
}
}
&.is-checked {
.#{$namespace}-radio__inner {
background-color: map.get($radio-disabled, 'checked-input-fill');
@@ -113,6 +114,7 @@ $radio-font-size: map.merge(
}
}
}
& + span.#{$namespace}-radio__label {
color: getCssVar('text-color', 'placeholder');
cursor: not-allowed;
@@ -141,6 +143,7 @@ $radio-font-size: map.merge(
}
}
}
@include e(inner) {
border: getCssVar('radio-input-border');
border-radius: getCssVar('radio-input-border-radius');
@@ -151,6 +154,7 @@ $radio-font-size: map.merge(
cursor: pointer;
display: inline-block;
box-sizing: border-box;
transition: all 0.3s;
&:hover {
border-color: getCssVar('radio-input-border-color-hover');
@@ -206,6 +210,7 @@ $radio-font-size: map.merge(
@include e(label) {
font-size: map.get($radio-font-size, $size);
}
@include e(inner) {
width: map.get($radio-font-size, $size);
height: map.get($radio-font-size, $size);