Merge "Rename BlockRestriction -> BlockRestrictionStore and wire it up as a service"

[lhc/web/wiklou.git] / resources / src / mediawiki.ui / components / buttons.less

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index b7175d0..a85ecd7 100644 (file)
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -1,6 +1,8 @@
 @import 'mediawiki.mixins';
 @import 'mediawiki.ui/variables';
 
+/* stylelint-disable selector-class-pattern */
+
 // Buttons
 // Helper mixins
 // Primary buttons mixin
@@ -73,14 +75,14 @@
        min-width: 4em;
        max-width: 28.75em; // equivalent to 460px, @see T95367
        margin: 0;
-       padding: 0.546875em 1em;
+       padding: 0.57142857em 0.9375em; // equivalent to `8px 12px`
        border: @border-width-base @border-style-base @border-color-base;
        border-radius: @borderRadius;
        // Inherit the font rather than apply user agent stylesheet (T72072)
        font-family: inherit;
        font-size: 1em;
        font-weight: bold;
-       line-height: 1.286;
+       line-height: 1;
        text-align: center;
        // Disable weird iOS styling
        -webkit-appearance: none;
@@ -127,9 +129,7 @@
                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;
@@ -176,7 +176,9 @@
        // </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.
@@ -203,7 +205,9 @@
                        box-shadow: none;
                }
 
-               &:disabled {
+               &:disabled,
+               &:disabled:hover,
+               &:disabled:active {
                        background-color: transparent;
                        color: @colorDisabledText;
                        border-color: transparent;