@import 'mediawiki.mixins';
@import 'mediawiki.ui/variables';
+/* stylelint-disable selector-class-pattern */
+
// Buttons
// Helper mixins
// Primary buttons mixin
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;
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;