Ticket #49843: 49843.2.patch

src/wp-content/themes/twentynineteen/style-editor.css

@@ -550 +550 @@
 }
 
 /** === Editor Frame === */
-body .wp-block[data-align="full"] {
+body .wp-block[data-align="full"],
+body .wp-block.alignfull {
   width: calc(100% + 28px);
   max-width: calc(100% + 28px);
 }
 
+body .wp-block[data-align="left"],
+body .wp-block.alignleft {
+  margin-right: 1rem;
+}
+
+body .wp-block[data-align="right"],
+body .wp-block.alignright {
+  margin-left: 1rem;
+}
+
+body .wp-block[data-align="center"],
+body .wp-block.aligncenter {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 @media only screen and (min-width: 600px) {
-  body .wp-block[data-align="full"] {
-    width: calc( 100% + 116px);
-    max-width: calc( 100% + 115px);
+  body .wp-block[data-align="full"],
+  body .wp-block.alignfull {
+    width: calc( 125% + 90px);
+    max-width: calc( 125% + 89px);
+    left: calc( -12.5% - 8px);
   }
 }
 
 @media only screen and (min-width: 768px) {
-  body .editor-writing-flow {
+  body .block-editor-writing-flow {
     max-width: 80%;
     margin: 0 10%;
   }
-  body .editor-default-block-appender,
-  body .editor-block-list__block {
+  body .block-editor-default-block-appender,
+  body .block-editor-block-list__block {
     margin-left: 0;
     margin-right: 0;
   }
-  body .wp-block[data-align="wide"] {
+  body .wp-block[data-align="wide"],
+  body .wp-block.alignwide {
     width: 100%;
   }
-  body .wp-block[data-align="right"] {
-    max-width: 125%;
-  }
 }
 
 /** === Content Width === */
@@ -598 +615 @@
 }
 
 .wp-block .wp-block {
-  width: 100%;
+  width: initial;
 }
 
 /** === Base Typography === */
@@ -759 +776 @@
 }
 
 /** === Post Title === */
+.editor-post-title__block {
+  width: 100%;
+}
+
 .editor-post-title__block:before {
   background: #767676;
   content: "\020";
@@ -1313 +1334 @@
 }
 
 /** === Group Block === */
-.wp-block[data-type="core/group"] > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+.wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+.wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
   margin-left: 0;
   margin-right: 0;
+  left: 0;
 }
 
-.wp-block[data-type="core/group"] > .wp-block-group.has-background {
+.wp-block-group .has-background {
   padding: 22px;
 }
 
-.wp-block[data-type="core/group"] > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+.wp-block-group .has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+.wp-block-group .has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
   margin-left: -22px;
   width: calc(100% + 44px);
   max-width: calc(100% + 44px);
@@ -1329 +1353 @@
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
+  .wp-block-group[data-align="wide"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
     width: calc(8 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
+  .wp-block-group[data-align="wide"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
     width: calc(6 * (100vw / 12 ));
   }
 }
 
-.wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+.wp-block-group[data-align="wide"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+.wp-block-group[data-align="wide"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
   padding-left: 0;
   padding-right: 0;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
+  .wp-block-group[data-align="wide"].has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
     width: calc(8 * (100vw / 12) - 44px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
+  .wp-block-group[data-align="wide"].has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
     width: calc(6 * (100vw / 12 ) - 44px);
   }
 }
 
 @media only screen and (min-width: 600px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
     padding-left: 46px;
     padding-right: 46px;
   }
@@ -1365 +1390 @@
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
     width: 80%;
     margin-left: 10%;
     margin-right: 10%;
@@ -1374 +1399 @@
   }
 }
 
-.wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {
+.wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) {
   max-width: calc(100vw - (2 * 1rem));
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) {
     max-width: calc(8 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) {
     max-width: calc(6 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="right"] {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="right"] {
     max-width: 125%;
   }
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="wide"] {
-    width: calc(100% + 4px);
-    max-width: calc(100% + 4px);
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="wide"],
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignwide {
+    width: 100%;
+    max-width: 100%;
   }
 }
 
-.wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] {
+.wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full],
+.wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
   max-width: calc(100vw + (2 * 1rem));
 }
 
 @media only screen and (min-width: 600px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full],
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
     width: calc(100% + 92px);
     left: -46px;
   }
@@ -1415 +1443 @@
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] {
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full],
+  .wp-block-group[data-align="full"] > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
     left: calc(-12.5% - 58px);
     width: calc(125% + 120px);
     max-width: calc(125% + 119px);
@@ -1422 +1451 @@
   }
 }
 
-.wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background {
+.wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background {
   padding: 22px 0;
 }
 
 @media only screen and (min-width: 600px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background {
+  .wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background {
     padding-left: 0;
     padding-right: 0;
   }
 }
 
-.wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+.wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+.wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
   margin-left: 0;
   width: 100%;
 }
 
 @media only screen and (min-width: 600px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+  .wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+  .wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
     width: calc(100% + 92px);
   }
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+  .wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+  .wp-block-group[data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
     width: calc(125% + 120px);
   }
 }

src/wp-content/themes/twentynineteen/style-editor.scss

@@ -11 +11 @@
 
 body {
 
-        .wp-block[data-align="full"] {
+        .wp-block[data-align="full"],
+        .wp-block.alignfull {
                 width: calc(100% + 28px);
                 max-width: calc(100% + 28px);
         }
 
+        .wp-block[data-align="left"],
+        .wp-block.alignleft, {
+                margin-right: $size__spacing-unit;
+        }
+
+        .wp-block[data-align="right"],
+        .wp-block.alignright, {
+                margin-left: $size__spacing-unit;
+        }
+
+        .wp-block[data-align="center"],
+        .wp-block.aligncenter, {
+                margin-left: auto;
+                margin-right: auto;
+        }
+
         @include media(mobile) {
 
-                .wp-block[data-align="full"] {
-                        width: calc( 100% + 116px );
-                        max-width: calc( 100% + 115px );
+                .wp-block[data-align="full"],
+                .wp-block.alignfull {
+                        width: calc( 125% + 90px );
+                        max-width: calc( 125% + 89px );
+                        left: calc( -12.5% - 8px);
                 }
         }
 
         @include media(tablet) {
 
-                .editor-writing-flow {
+                .block-editor-writing-flow {
                         max-width: 80%;
                         margin: 0 10%;
                 }
 
-                .editor-default-block-appender,
-                .editor-block-list__block {
+                .block-editor-default-block-appender,
+                .block-editor-block-list__block {
                         margin-left: 0;
                         margin-right: 0;
                 }
 
-                .wp-block[data-align="wide"] {
+                .wp-block[data-align="wide"],
+                .wp-block.alignwide {
                         width: 100%;
                 }
-
-                .wp-block[data-align="right"] {
-                        max-width: 125%;
-                }
         }
 }
 
@@ -62 +78 @@
 
         // Only the top level blocks need specific widths, therefore override for every nested block.
         .wp-block {
-                width: 100%;
+                width: initial;
         }
 }
 
@@ -190 +206 @@
 /** === Post Title === */
 
 .editor-post-title__block {
+        width: 100%;
         @include post-section-dash;
 
         &:before {
@@ -773 +790 @@
 // size is different here. 
 $group-block-background__padding: $font__size_base;
 
-.wp-block[data-type="core/group"] {
+.wp-block-group {
 
-        // Group block base styles
-        > .wp-block-group {
-
-                // Child: Full alignment
-                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
-                        margin-left: 0;
-                        margin-right: 0;
-                }
+        // Child: Full alignment
+        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
+                margin-left: 0;
+                margin-right: 0;
+                left: 0;
         }
 
         // Group block with background color
-        > .wp-block-group.has-background {
+        .has-background {
                 padding: $group-block-background__padding;
 
                 // Child: Full alignment
-                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
                         margin-left: -$group-block-background__padding;
                         width: calc(100% + #{$group-block-background__padding * 2});
                         max-width: calc(100% + #{$group-block-background__padding * 2});
@@ -798 +814 @@
         }
 
         // Wide and full alignments
-        &[data-align="wide"] > .is-block-content {
+        &[data-align="wide"] {
 
-                // Group block base styles.
-                > .wp-block-group {
-
-                        // Child blocks: Default alignments
-                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
-                                @include media(tablet) {
-                                        width: calc(8 * (100vw / 12));
-                                }
-
-                                @include media(desktop) {
-                                        width: calc(6 * (100vw / 12 ));
-                                }
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
+                        @include media(tablet) {
+                                width: calc(8 * (100vw / 12));
                         }
 
-                        // Child blocks: Full alignment
-                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
-                                padding-left: 0;
-                                padding-right: 0;
+                        @include media(desktop) {
+                                width: calc(6 * (100vw / 12 ));
                         }
                 }
 
+                // Child blocks: Full alignment
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
+                        padding-left: 0;
+                        padding-right: 0;
+                }
+
+
                 // Group block with background color
-                > .wp-block-group.has-background {
+                &.has-background {
                         
                         // Child blocks: Default alignments
-                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {
+                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
                                 @include media(tablet) {
                                         width: calc(8 * (100vw / 12) - #{$group-block-background__padding * 2});
                                 }
@@ -840 +853 @@
         // Full alignment
         &[data-align="full"] {
 
-                // Group block base styles
-                > .is-block-content > .wp-block-group {
+                // Margins & padding are added to this container to mimic 
+                // the style + spacing of the .editor-writing-flow global 
+                // container. This way, child items sync up with the placement 
+                // and size of other top-level blocks. 
+                > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
 
-                        // Margins & padding are added to this container to mimic 
-                        // the style + spacing of the .editor-writing-flow global 
-                        // container. This way, child items sync up with the placement 
-                        // and size of other top-level blocks. 
-                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
+                        @include media(mobile) {
+                                padding-left: 46px;
+                                padding-right: 46px;
+                        }
 
-                                @include media(mobile) {
-                                        padding-left: 46px;
-                                        padding-right: 46px;
-                                }
+                        // 2px of extra padding are added to each side here
+                        // To better match up with the spacing of the whole 
+                        // document. 
+                        @include media(tablet) {
+                                width: 80%;
+                                margin-left: 10%;
+                                margin-right: 10%;
+                                padding-left: 48px;
+                                padding-right: 48px; 
+                        }
 
-                                // 2px of extra padding are added to each side here
-                                // To better match up with the spacing of the whole 
-                                // document. 
+                        // Child blocks: Normal Alignments
+                        > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) {
+                                max-width: calc(100vw - (2 * 1rem));
+
                                 @include media(tablet) {
-                                        width: 80%;
-                                        margin-left: 10%;
-                                        margin-right: 10%;
-                                        padding-left: 48px;
-                                        padding-right: 48px; 
+                                        max-width: calc(8 * (100vw / 12));
                                 }
 
-                                // Child blocks: All alignments except full
-                                 > .wp-block:not([data-align="full"]) {
-                                        max-width: calc(100vw - (2 * 1rem));
+                                @include media(desktop) {
+                                        max-width: calc(6 * (100vw / 12));
+                                }
+                        }
 
-                                        @include media(tablet) {
-                                                max-width: calc(8 * (100vw / 12));
-                                        }
+                        // Child blocks: Right alignments
+                        > .wp-block[data-align="right"] {
 
-                                        @include media(desktop) {
-                                                max-width: calc(6 * (100vw / 12));
-                                        }
+                                @include media(tablet) {
+                                        max-width: 125%;
                                 }
+                        }
 
-                                // Child blocks: Right alignments
-                                > .wp-block[data-align="right"] {
+                        // Child blocks: Wide alignments
+                        > .wp-block[data-align="wide"],
+                        > .wp-block.alignwide {
 
-                                        @include media(tablet) {
-                                                max-width: 125%;
-                                        }
+                                @include media(tablet) {
+                                        width: 100%;
+                                        max-width: 100%;
                                 }
+                        }
 
-                                // Child blocks: Wide alignments
-                                > .wp-block[data-align="wide"] {
+                        // Child blocks: Full alignments
+                        > .wp-block[data-align=full],
+                        > .wp-block.alignfull {
+                                max-width: calc(100vw + (2 * 1rem));
 
-                                        @include media(tablet) {
-                                                width: calc(100% + 4px);
-                                                max-width: calc(100% + 4px);
-                                        }
+                                @include media(mobile) {
+                                        width: calc(100% + 92px);
+                                        left: -46px;
                                 }
 
-                                // Child blocks: Full alignments
-                                > .wp-block[data-align=full] {
-                                        max-width: calc(100vw + (2 * 1rem));
-
-                                        @include media(mobile) {
-                                                width: calc(100% + 92px);
-                                                left: -46px;
-                                        }
-
-                                        @include media(tablet) {
-                                                left: calc(-12.5% - 58px);
-                                                width: calc(125% + 120px);
-                                                max-width: calc(125% + 119px);
-                                        }
+                                @include media(tablet) {
+                                        left: calc(-12.5% - 58px);
+                                        width: calc(125% + 120px);
+                                        max-width: calc(125% + 119px);
                                 }
                         }
                 }
@@ -926 +937 @@
                         }
 
                         // Child blocks: Full alignment
-                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
+                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"],
+                        > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block.alignfull {
                                 margin-left: 0;
                                 width: 100%;
 

src/wp-content/themes/twentynineteen/style-rtl.css

@@ -2786 +2786 @@
   background: transparent;
   color: inherit;
   cursor: pointer;
-  transition: background 250ms ease-in-out,
- transform 150ms ease;
+  transition: background 250ms ease-in-out, transform 150ms ease;
   -webkit-appearance: none;
   -moz-appearance: none;
 }

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

@@ -2786 +2786 @@
   background: transparent;
   color: inherit;
   cursor: pointer;
-  transition: background 250ms ease-in-out,
- transform 150ms ease;
+  transition: background 250ms ease-in-out, transform 150ms ease;
   -webkit-appearance: none;
   -moz-appearance: none;
 }