+ // Styleguide 2.1.1.
+ &.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.
+ color: @colorButtonText;
+ border-color: transparent;
+
+ &:hover {
+ background-color: transparent;
+ color: @colorButtonTextHighlight;
+ border-color: transparent;
+ box-shadow: none;
+ }
+
+ &:active {
+ background-color: transparent;
+ color: @colorButtonTextActive;
+ border-color: transparent;
+ }
+
+ &:focus {
+ background-color: transparent;
+ color: @colorButtonText;
+ border-color: transparent;
+ box-shadow: none;
+ }
+
+ &:disabled,
+ &:disabled:hover,
+ &:disabled:active {
+ background-color: transparent;
+ color: @colorDisabledText;
+ border-color: transparent;
+ }