Merge pull request #3728 from Automattic/fix/mayland-block-navigation

Mayland Blocks: Remove colors from the navigation block

blank-canvas-blocks/assets/ponyfill.css

@@ -258,32 +258,15 @@ ol {
 	text-indent: -8px;
 }
 
-.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link {
-	color: var(--wp--custom--navigation--color--text);
-	background-color: var(--wp--custom--navigation--color--background);
-}
-
-.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link :hover {
-	color: var(--wp--custom--navigation--color--hover-text);
-	background-color: var(--wp--custom--navigation--color--hover-background);
-}
-
 .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation-link__container {
 	padding: 0;
 	border-radius: var(--wp--custom--navigation--submenu--border--radius);
 	border-style: var(--wp--custom--navigation--submenu--border--style);
 	border-width: var(--wp--custom--navigation--submenu--border--width);
 	border-color: var(--wp--custom--navigation--submenu--border--color);
-	color: var(--wp--custom--navigation--submenu--color--text);
-	background-color: var(--wp--custom--navigation--submenu--color--background);
 	box-shadow: var(--wp--custom--navigation--submenu--shadow);
 }
 
-.wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation-link__container :hover {
-	color: var(--wp--custom--navigation--submenu--color--hover-text);
-	background-color: var(--wp--custom--navigation--submenu--color--hover-background);
-}
-
 .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content {
 	padding: var(--wp--custom--navigation--submenu--padding);
 }

blank-canvas-blocks/experimental-theme.json

@@ -256,12 +256,6 @@
 						}
 					},
 					"padding": "10px",
-					"color": {
-						"text": "var(--wp--custom--color--foreground)",
-						"background": "var(--wp--custom--color--background)",
-						"hoverText": "var(--wp--custom--color--secondary)",
-						"hoverBackground": "var(--wp--custom--color--background)"
-					},
 					"submenu": {
 						"padding": "8px",
 						"shadow": "1px 1px 3px 0px rgba(0,0,0,.2)",

blank-canvas-blocks/sass/blocks/_navigation.scss

@@ -13,14 +13,6 @@
 		text-indent: -8px;
 	}
 	.wp-block-navigation__container {
-		.wp-block-navigation-link {
-			color: var(--wp--custom--navigation--color--text);
-			background-color: var(--wp--custom--navigation--color--background);
-			:hover {
-				color: var(--wp--custom--navigation--color--hover-text);
-				background-color: var(--wp--custom--navigation--color--hover-background);
-			}
-		}
 		.has-child {
 			.wp-block-navigation-link__container {
 				padding: 0;
@@ -28,13 +20,8 @@
 				border-style: var(--wp--custom--navigation--submenu--border--style);
 				border-width: var(--wp--custom--navigation--submenu--border--width);
 				border-color: var(--wp--custom--navigation--submenu--border--color);
-				color: var(--wp--custom--navigation--submenu--color--text);
-				background-color: var(--wp--custom--navigation--submenu--color--background);
 				box-shadow: var(--wp--custom--navigation--submenu--shadow);
-				:hover {
-					color: var(--wp--custom--navigation--submenu--color--hover-text);
-					background-color: var(--wp--custom--navigation--submenu--color--hover-background);
-				}
+
 				.wp-block-navigation-link__content {
 					padding: var(--wp--custom--navigation--submenu--padding);
 				}

mayland-blocks/experimental-theme.json

@@ -271,12 +271,6 @@
 						}
 					},
 					"padding": "10px",
-					"color": {
-						"text": "var(--wp--custom--color--foreground)",
-						"background": "var(--wp--custom--color--background)",
-						"hoverText": "var(--wp--custom--color--secondary)",
-						"hoverBackground": "var(--wp--custom--color--background)"
-					},
 					"submenu": {
 						"padding": "8px",
 						"shadow": "1px 1px 3px 0px rgba(0,0,0,.2)",