Browse Source

统一处理:active的样式之switch样式

es6
guy 3 years ago
parent
commit
e4e18b4df9
  1. 10
      src/less/base/single/button/switch.less

10
src/less/base/single/button/switch.less

@ -3,7 +3,7 @@
.bi-switch{ .bi-switch{
.border-radius(40px 40px 40px 40px); .border-radius(40px 40px 40px 40px);
background-color: @color-bi-background-dark-gray; background-color: @color-bi-background-dark-gray;
&:active, &.active { &.active {
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;
} }
& .circle-button{ & .circle-button{
@ -11,23 +11,17 @@
} }
&.disabled { &.disabled {
background-color: @color-bi-background-disabled; background-color: @color-bi-background-disabled;
&:active {
background-color: @color-bi-background-disabled;
}
} }
} }
.bi-theme-dark { .bi-theme-dark {
.bi-switch{ .bi-switch{
background-color: @color-bi-background-dark-gray-theme-dark; background-color: @color-bi-background-dark-gray-theme-dark;
&:active, &.active { &.active {
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;
} }
&.disabled { &.disabled {
background-color: @color-bi-background-disabled-theme-dark; background-color: @color-bi-background-disabled-theme-dark;
&:active {
background-color: @color-bi-background-disabled-theme-dark;
}
} }
} }
} }
Loading…
Cancel
Save