Modern Business: Fix media & text block ordering for Gutenberg 6.7

modern-business/package.json

@@ -1,14 +1,14 @@
 {
   "name": "modern-business",
-  "version": "1.0.0",
+  "version": "1.7.1",
   "description": "Style Variation of the Default WP Theme",
   "devDependencies": {
-    "@wordpress/browserslist-config": "^2.3.0",
-    "autoprefixer": "^9.5.0",
-    "chokidar-cli": "^1.2.2",
+    "@wordpress/browserslist-config": "^2.6.0",
+    "autoprefixer": "^9.6.5",
+    "chokidar-cli": "^1.2.3",
     "node-sass": "^4.12.0",
     "npm-run-all": "^4.1.5",
-    "postcss-cli": "^6.1.2",
+    "postcss-cli": "^6.1.3",
     "rtlcss": "^2.4.0"
   },
   "rtlcssConfig": {

modern-business/sass/blocks/_blocks.scss

@@ -191,11 +191,7 @@
 		}
 
 		&.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
-			grid-area: media-text-content;
-
-			@media only screen and (min-width: 600px) {
-				grid-area: media-text-media;
-			}
+			grid-row: 1;
 		}
 
 		&.alignfull {
@@ -219,10 +215,10 @@
 		}
 
 		&.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
-			grid-area: media-text-media;
+			grid-row: 2;
 
 			@media only screen and (min-width: 600px) {
-				grid-area: media-text-content;
+				grid-row: 1;
 			}
 		}
 

modern-business/style-rtl.css

@@ -7,7 +7,7 @@ Author URI: https://wordpress.org/
 Description: A minimalist theme for those with an eye for style. Modern Business is a perfect choice for stores offering high-end products and services, or the fashion and beauty industries -- any site where elegance and polish is key.
 Requires at least: WordPress 4.9.6
 Template: twentynineteen
-Version: 1.7
+Version: 1.7.1
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: twentynineteen
@@ -1162,7 +1162,6 @@ body.page .main-navigation {
 @media only screen and (min-width: 768px) {
   .main-navigation .sub-menu {
     width: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
   }
@@ -1268,7 +1267,6 @@ body.page .main-navigation {
     top: auto;
     bottom: auto;
     height: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
     transform: none;
@@ -1288,7 +1286,6 @@ body.page .main-navigation {
     right: auto;
     display: block;
     width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -1352,7 +1349,6 @@ body.page .main-navigation {
     top: auto;
     bottom: auto;
     height: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
     transform: none;
@@ -1376,7 +1372,6 @@ body.page .main-navigation {
     right: auto;
     display: table;
     width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -3622,13 +3617,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
-  grid-area: media-text-content;
-}
-
-@media only screen and (min-width: 600px) {
-  .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
-    grid-area: media-text-media;
-  }
+  grid-row: 1;
 }
 
 .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
@@ -3652,12 +3641,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
-  grid-area: media-text-media;
+  grid-row: 2;
 }
 
 @media only screen and (min-width: 600px) {
   .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
-    grid-area: media-text-content;
+    grid-row: 1;
   }
 }
 

modern-business/style.css

@@ -7,7 +7,7 @@ Author URI: https://wordpress.org/
 Description: A minimalist theme for those with an eye for style. Modern Business is a perfect choice for stores offering high-end products and services, or the fashion and beauty industries -- any site where elegance and polish is key.
 Requires at least: WordPress 4.9.6
 Template: twentynineteen
-Version: 1.7
+Version: 1.7.1
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: twentynineteen
@@ -1162,7 +1162,6 @@ body.page .main-navigation {
 @media only screen and (min-width: 768px) {
   .main-navigation .sub-menu {
     width: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
   }
@@ -1268,7 +1267,6 @@ body.page .main-navigation {
     top: auto;
     bottom: auto;
     height: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
     transform: none;
@@ -1288,7 +1286,6 @@ body.page .main-navigation {
     left: auto;
     display: block;
     width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -1352,7 +1349,6 @@ body.page .main-navigation {
     top: auto;
     bottom: auto;
     height: auto;
-    min-width: -moz-max-content;
     min-width: -webkit-max-content;
     min-width: max-content;
     transform: none;
@@ -1376,7 +1372,6 @@ body.page .main-navigation {
     left: auto;
     display: table;
     width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -3634,13 +3629,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
-  grid-area: media-text-content;
-}
-
-@media only screen and (min-width: 600px) {
-  .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
-    grid-area: media-text-media;
-  }
+  grid-row: 1;
 }
 
 .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
@@ -3664,12 +3653,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
-  grid-area: media-text-media;
+  grid-row: 2;
 }
 
 @media only screen and (min-width: 600px) {
   .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
-    grid-area: media-text-content;
+    grid-row: 1;
   }
 }
 

modern-business/style.scss

@@ -6,7 +6,7 @@ Author URI: https://wordpress.org/
 Description: A minimalist theme for those with an eye for style. Modern Business is a perfect choice for stores offering high-end products and services, or the fashion and beauty industries -- any site where elegance and polish is key.
 Requires at least: WordPress 4.9.6
 Template: twentynineteen
-Version: 1.7
+Version: 1.7.1
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: twentynineteen