|
|
@ -2,13 +2,15 @@ |
|
|
|
|
|
|
|
|
|
|
|
.bi-radio { |
|
|
|
.bi-radio { |
|
|
|
& .radio-content, &.radio-content { |
|
|
|
& .radio-content, &.radio-content { |
|
|
|
.border-radius(8px); |
|
|
|
.border-radius(50%); |
|
|
|
border: 1px solid @color-bi-border-radio; |
|
|
|
border: 1px solid @color-bi-border-radio; |
|
|
|
.box-sizing(border-box); |
|
|
|
.box-sizing(border-box); |
|
|
|
.transition(all .1s); |
|
|
|
.transition(all .1s); |
|
|
|
|
|
|
|
|
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
content: ""; |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.hover, &:hover { |
|
|
|
&.hover, &:hover { |
|
|
|
border-color: @color-bi-border-hover-active-radio; |
|
|
|
border-color: @color-bi-border-hover-active-radio; |
|
|
|
} |
|
|
|
} |
|
|
@ -18,16 +20,15 @@ |
|
|
|
border-color: @color-bi-border-hover-active-radio; |
|
|
|
border-color: @color-bi-border-hover-active-radio; |
|
|
|
background-color: @color-bi-background-active-radio; |
|
|
|
background-color: @color-bi-background-active-radio; |
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
width: 8px; |
|
|
|
width: 50%; |
|
|
|
height: 8px; |
|
|
|
height: 50%; |
|
|
|
display: table; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
left: 50%; |
|
|
|
.border-radius(4px); |
|
|
|
.border-radius(50%); |
|
|
|
background-color: @color-bi-background-active-radio-content; |
|
|
|
background-color: @color-bi-background-active-radio-content; |
|
|
|
.transform(translate(-50%, -50%)); |
|
|
|
.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); |
|
|
|
.transition(@transition); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|