Browse Source

KERNEL-13158 feat: radio和半选图标支持等比缩放

es6
zsmj 2 years ago
parent
commit
0a1f19347f
  1. 9
      src/less/base/single/button/button.half.less
  2. 13
      src/less/base/single/input/radio.less

9
src/less/base/single/button/button.half.less

@ -6,10 +6,11 @@
&:after {
position: absolute;
left: 2px;
top: 2px;
width: 8px;
height: 8px;
left: 50%;
top: 50%;
width: 50%;
height: 50%;
.transform(translate(-50%, -50%));
background-color: @color-bi-background-half-button-content;
content: '';
}

13
src/less/base/single/input/radio.less

@ -2,13 +2,15 @@
.bi-radio {
& .radio-content, &.radio-content {
.border-radius(8px);
.border-radius(50%);
border: 1px solid @color-bi-border-radio;
.box-sizing(border-box);
.transition(all .1s);
&:after {
content: "";
}
&.hover, &:hover {
border-color: @color-bi-border-hover-active-radio;
}
@ -18,16 +20,15 @@
border-color: @color-bi-border-hover-active-radio;
background-color: @color-bi-background-active-radio;
&:after {
width: 8px;
height: 8px;
display: table;
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 50%;
.border-radius(4px);
.border-radius(50%);
background-color: @color-bi-background-active-radio-content;
.transform(translate(-50%, -50%));
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
@transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
.transition(@transition);
}
}

Loading…
Cancel
Save