Merge "Deprecating: Consolidating `progressive` & `constructive` buttons"

diff --combined resources/src/mediawiki.ui/components/buttons.less
index 71febe3,37b8701..3470f22
--- 1/resources/src/mediawiki.ui/components/buttons.less
--- 2/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@@ -31,11 -31,8 +31,11 @@@
        font-size: 1em;
        // Container layout
        display: inline-block;
 +      min-width: 4em;
 +      max-width: 28.75em; // equivalent to 460px, @see T95367
        padding: .5em 1em;
        margin: 0;
 +      border-radius: @borderRadius;
        .box-sizing( border-box );
  
        // Disable weird iOS styling
@@@ -46,11 -43,15 +46,11 @@@
        *display: inline;
        zoom: 1;
  
 -      // Container styling
 -      .button-colors( #fff, #ccc, #777 );
 -      border-radius: @borderRadius;
 -      min-width: 4em;
 -
        // Ensure that buttons and inputs are nicely aligned when they have differing heights
        vertical-align: middle;
  
        // Content styling
 +      .button-colors( #fff, @colorGray12, @colorGray7 );
        text-align: center;
        font-weight: bold;
  
@@@ -111,8 -112,6 +111,8 @@@
        &.mw-ui-block {
                display: block;
                width: 100%;
 +              margin-left: auto;
 +              margin-right: auto;
        }
  
        // Progressive buttons
@@@ -138,7 -137,7 +138,7 @@@
                }
        }
  
-       // Constructive buttons
+       // Constructive buttons (deprecated, consolidated with `progressive` – see T110555)
        //
        // Use constructive buttons for actions which result in a final action in the process that results
        // in a change of state.
@@@ -154,10 -153,10 +154,10 @@@
        //
        // Styleguide 2.1.2.
        &.mw-ui-constructive {
-               .button-colors( @colorConstructive, @colorConstructiveHighlight, @colorConstructiveActive );
+               .button-colors( @colorProgressive, @colorProgressiveHighlight, @colorProgressiveActive );
  
                &.mw-ui-quiet {
-                       .button-colors-quiet( @colorConstructive, @colorConstructiveHighlight, @colorConstructiveActive );
+                       .button-colors-quiet( @colorProgressive, @colorProgressiveHighlight, @colorProgressiveActive );
                }
        }