}
&:active,
- &.is-on,
- &.mw-ui-checked {
+ &.is-on {
background-color: @activeColor;
border-color: @activeColor;
box-shadow: none;
// Make sure disabled buttons don't have hover and active states
&:hover,
- &:active,
- &.mw-ui-checked {
+ &:active {
background-color: @colorGray12;
color: #fff;
border-color: @colorGray12;
}
&:active,
- &.is-on,
- &.mw-ui-checked {
+ &.is-on {
background-color: @colorGray12;
color: @colorGray1;
border-color: @colorGray7;
box-shadow: none;
}
- &:active,
- &.mw-ui-checked {
+ &:active {
background-color: transparent;
color: @colorButtonTextActive;
border-color: transparent;
color: @colorProgressiveHighlight;
}
- &:active,
- &.mw-ui-checked {
+ &:active {
color: @colorProgressiveActive;
}
color: @colorDestructiveHighlight;
}
- &:active,
- &.mw-ui-checked {
+ &:active {
color: @colorDestructiveActive;
}