|
|
@ -4,12 +4,14 @@ |
|
|
|
& .checkbox-content, &.checkbox-content { |
|
|
|
& .checkbox-content, &.checkbox-content { |
|
|
|
.border-radius(2px); |
|
|
|
.border-radius(2px); |
|
|
|
border: 1px solid @color-bi-border-checkbox; |
|
|
|
border: 1px solid @color-bi-border-checkbox; |
|
|
|
box-sizing: border-box; |
|
|
|
.box-sizing(border-box); |
|
|
|
|
|
|
|
.transition(all .1s); |
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
display: table; |
|
|
|
display: table; |
|
|
|
top: 50%; |
|
|
|
// 百分比会出现像素误差 |
|
|
|
left: 20%; |
|
|
|
top: 6px; |
|
|
|
|
|
|
|
left: 2px; |
|
|
|
border: 2px solid transparent; |
|
|
|
border: 2px solid transparent; |
|
|
|
border-top: 0; |
|
|
|
border-top: 0; |
|
|
|
border-left: 0; |
|
|
|
border-left: 0; |
|
|
@ -17,6 +19,8 @@ |
|
|
|
height: 9px; |
|
|
|
height: 9px; |
|
|
|
.box-sizing(border-box); |
|
|
|
.box-sizing(border-box); |
|
|
|
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); |
|
|
|
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); |
|
|
|
|
|
|
|
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; |
|
|
|
|
|
|
|
.transition(@transition); |
|
|
|
content: ''; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|
&.hover, &:hover { |
|
|
|
&.hover, &:hover { |
|
|
|