Merge pull request #1105 from Automattic/update/modern-business-nav-block-support

Update Modern Business to support the navigation block default menu fallback

modern-business/sass/navigation/_menu-footer-navigation.scss

@@ -19,4 +19,16 @@
 		}
 	}
 
+}
+
+footer {
+
+	.wp-block-a8c-navigation-menu {
+
+		.sub-menu {
+			visibility: hidden;
+		}
+
+	}
+
 }

modern-business/sass/navigation/_menu-main-navigation.scss

@@ -139,6 +139,25 @@
 		}
 	}
 
+	.default-menu {
+		> li {
+			> a {
+				margin-right: #{1 * $size__spacing-unit};
+			}
+
+			&.menu-item-has-children {
+				> a {
+					margin-right: #{1 * $size__spacing-unit};
+				}
+			}
+
+			&:last-child > a,
+			&:last-child.menu-item-has-children .submenu-expand {
+				margin-right: 0;
+			}
+		}
+	}
+
 	.sub-menu {
 
 		background-color: $color__link;

modern-business/style-editor.css

@@ -371,6 +371,19 @@ body.page .main-navigation {
   margin-right: 0;
 }
 
+.main-navigation .default-menu > li > a {
+  margin-right: 1rem;
+}
+
+.main-navigation .default-menu > li.menu-item-has-children > a {
+  margin-right: 1rem;
+}
+
+.main-navigation .default-menu > li:last-child > a,
+.main-navigation .default-menu > li:last-child.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
 .main-navigation .sub-menu {
   background-color: #c43d80;
   color: #fff;

modern-business/style-rtl.css

@@ -1134,6 +1134,19 @@ body.page .main-navigation {
   margin-left: 0;
 }
 
+.main-navigation .default-menu > li > a {
+  margin-left: 1rem;
+}
+
+.main-navigation .default-menu > li.menu-item-has-children > a {
+  margin-left: 1rem;
+}
+
+.main-navigation .default-menu > li:last-child > a,
+.main-navigation .default-menu > li:last-child.menu-item-has-children .submenu-expand {
+  margin-left: 0;
+}
+
 .main-navigation .sub-menu {
   background-color: #c43d80;
   color: #fff;
@@ -1583,6 +1596,10 @@ body.page .main-navigation {
   margin-left: 1rem;
 }
 
+footer .wp-block-a8c-navigation-menu .sub-menu {
+  visibility: hidden;
+}
+
 /*--------------------------------------------------------------
 ## Next / Previous
 --------------------------------------------------------------*/

modern-business/style.css

@@ -1134,6 +1134,19 @@ body.page .main-navigation {
   margin-right: 0;
 }
 
+.main-navigation .default-menu > li > a {
+  margin-right: 1rem;
+}
+
+.main-navigation .default-menu > li.menu-item-has-children > a {
+  margin-right: 1rem;
+}
+
+.main-navigation .default-menu > li:last-child > a,
+.main-navigation .default-menu > li:last-child.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
 .main-navigation .sub-menu {
   background-color: #c43d80;
   color: #fff;
@@ -1583,6 +1596,10 @@ body.page .main-navigation {
   margin-right: 1rem;
 }
 
+footer .wp-block-a8c-navigation-menu .sub-menu {
+  visibility: hidden;
+}
+
 /*--------------------------------------------------------------
 ## Next / Previous
 --------------------------------------------------------------*/