@colorButtonText: @colorGray2;
@colorButtonTextHighlight: @colorGray4;
@colorButtonTextActive: @colorGray1;
-@colorDisabledText: @colorGray12;
+@colorDisabledText: @colorGray7;
@colorErrorText: #d33;
@colorWarningText: #705000;
box-shadow: none;
}
- &:disabled,
- &.mw-ui-quiet.mw-ui-progressive,
- &.mw-ui-quiet.mw-ui-destructive {
+ &:disabled {
background-color: @colorGray12;
color: @colorBaseInverted;
border-color: @colorGray12;
// </div>
//
// Styleguide 2.1.1.
- &.mw-ui-quiet {
+ &.mw-ui-quiet,
+ &.mw-ui-quiet.mw-ui-progressive,
+ &.mw-ui-quiet.mw-ui-destructive {
background-color: transparent;
// Quiet buttons all start gray, and reveal
// progressive/destructive color on hover and active.
box-shadow: none;
}
- &:disabled {
+ &:disabled,
+ &:disabled:hover,
+ &:disabled:active {
background-color: transparent;
color: @colorDisabledText;
border-color: transparent;