Ticket #57257: 57257.diff

src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

@@ -935 +935 @@
         line-height: 1.25;
         padding: 1.1em 1.44em;
         text-transform: uppercase;
+        width: 100%;
 }
 
 .editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
@@ -1515 +1516 @@
 
 
 }
+.wp-block-buttons .wp-block[data-align="left"] > .wp-block-button.wp-block-button__width-75,
+.wp-block-buttons .wp-block[data-align="center"] > .wp-block-button.wp-block-button__width-75,
+.wp-block-buttons .wp-block[data-align="right"] > .wp-block-button.wp-block-button__width-75{
+        width: calc(75% - var(--wp--style--block-gap, .5em)*0.25);
+}
+
+.wp-block-buttons .wp-block[data-align="left"] > .wp-block-button.wp-block-button__width-100,
+.wp-block-buttons .wp-block[data-align="center"] > .wp-block-button.wp-block-button__width-100,
+.wp-block-buttons .wp-block[data-align="right"] > .wp-block-button.wp-block-button__width-100{
+    width: calc(100% - var(--wp--style--block-gap, .5em)*0.25);
+}
+.wp-block-buttons .wp-block[data-align="left"] > .wp-block-button.wp-block-button__width-50,
+.wp-block-buttons .wp-block[data-align="center"] > .wp-block-button.wp-block-button__width-50,
+.wp-block-buttons .wp-block[data-align="right"] > .wp-block-button.wp-block-button__width-50{
+          width: calc(50% - var(--wp--style--block-gap, .5em)*0.25);
+}
+.wp-block-buttons .wp-block[data-align="left"] > .wp-block-button.wp-block-button__width-25,
+.wp-block-buttons .wp-block[data-align="center"] > .wp-block-button.wp-block-button__width-25,
+.wp-block-buttons .wp-block[data-align="right"] > .wp-block-button.wp-block-button__width-25{
+        width: calc(25% - var(--wp--style--block-gap, .5em)*0.25);
+}

src/wp-content/themes/twentytwenty/style.css

@@ -3026 +3026 @@
 
 /* Block: Button ----------------------------- */
 
+.wp-block-buttons > .wp-block-button {
+        float: none;
+        margin: 0;
+}
+.wp-block-buttons > .wp-block-button.alignright {
+        margin-left: auto;
+}
+.wp-block-buttons > .wp-block-button.aligncenter {
+        margin-left: auto;
+        margin-right: auto;
+}
+.wp-block-buttons > .wp-block-button.aligncenter.wp-block-button__width-50 {
+        width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
+}
+.wp-block-buttons > .wp-block-button.aligncenter.wp-block-button__width-75 {
+        width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.5));
+}
+.wp-block-buttons > .wp-block-button.aligncenter.wp-block-button__width-100 {
+        width: 100%;
+}
+
 .wp-block-button {
         margin: 3rem 0;
 }