Varia: Revising editor and frontend color utility styles to be in sync

varia/sass/blocks/utilities/_editor.scss

@@ -49,7 +49,8 @@
 
 // Gutenberg background-color options
 .has-background {
-	p, a, h1, h2, h3, h4, h5, h6,
+	&:not(.has-background-background-color) a,
+	p, h1, h2, h3, h4, h5, h6,
 	.wp-block-quote__citation {
 		color: currentColor;
 	}

varia/sass/blocks/utilities/_style.scss

@@ -144,7 +144,8 @@
 .has-background {
 
 	&:not(.has-background-background-color) a,
-	p, h1, h2, h3, h4, h5, h6, {
+	p, h1, h2, h3, h4, h5, h6,
+	.wp-block-quote__citation {
 		color: currentColor;
 	}
 }

varia/style-editor.css

@@ -633,7 +633,8 @@ table th,
 	color: white !important;
 }
 
-.has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
+.has-background:not(.has-background-background-color) a,
+.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
 .has-background .wp-block-quote__citation {
 	color: currentColor;
 }
@@ -643,6 +644,11 @@ table th,
 	color: white;
 }
 
+.has-primary-background-color[class] {
+	background-color: blue !important;
+	color: white;
+}
+
 .has-secondary-background-color[class] {
 	background-color: red !important;
 	color: white;

varia/style-rtl.css

@@ -2036,7 +2036,8 @@ table th,
 }
 
 .has-background:not(.has-background-background-color) a,
-.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
+.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
+.has-background .wp-block-quote__citation {
 	color: currentColor;
 }
 
@@ -2341,11 +2342,6 @@ table th,
 	z-index: 1;
 }
 
-.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
-	cursor: pointer;
-	z-index: 99999;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2358,14 +2354,6 @@ table th,
 		/* Submenu display */
 	}
 	.main-navigation > div > ul li:hover > ul,
-	.main-navigation > div > ul li[focus-within] > ul,
-	.main-navigation > div > ul li ul:hover,
-	.main-navigation > div > ul li ul:focus {
-		visibility: visible;
-		opacity: 1;
-		display: block;
-	}
-	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {

varia/style.css

@@ -2041,7 +2041,8 @@ table th,
 }
 
 .has-background:not(.has-background-background-color) a,
-.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
+.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
+.has-background .wp-block-quote__citation {
 	color: currentColor;
 }