|
|
@ -3,11 +3,13 @@ |
|
|
|
.bi-switch{ |
|
|
|
.bi-switch{ |
|
|
|
.border-radius(40px 40px 40px 40px); |
|
|
|
.border-radius(40px 40px 40px 40px); |
|
|
|
background-color: @color-bi-background-switch; |
|
|
|
background-color: @color-bi-background-switch; |
|
|
|
|
|
|
|
.transition(all .2s); |
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
background-color: @color-bi-background-active-switch; |
|
|
|
background-color: @color-bi-background-active-switch; |
|
|
|
} |
|
|
|
} |
|
|
|
& .circle-button{ |
|
|
|
& .circle-button{ |
|
|
|
.border-radius(9px 9px 9px 9px); |
|
|
|
.border-radius(9px 9px 9px 9px); |
|
|
|
|
|
|
|
.transition(all .2s ease-in-out); |
|
|
|
} |
|
|
|
} |
|
|
|
&.disabled { |
|
|
|
&.disabled { |
|
|
|
background-color: @color-bi-background-disabled-switch; |
|
|
|
background-color: @color-bi-background-disabled-switch; |
|
|
|