Merge pull request #3118 from Automattic/fix/3111-social-color-bleed-on-cover

Prevented color change on social in cover

seedlet/assets/css/style-editor.css

@@ -533,33 +533,33 @@ object {
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-text,
-.wp-block-cover .block-editor-block-list__block,
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link),
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text,
-.wp-block-cover-image .block-editor-block-list__block {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) {
 	color: currentColor;
 }
 
 .wp-block-cover .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
-.wp-block-cover .block-editor-block-list__block a:not(.has-text-color):not(.wp-block-button__link),
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link) a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
-.wp-block-cover-image .block-editor-block-list__block a:not(.has-text-color):not(.wp-block-button__link) {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) a:not(.has-text-color):not(.wp-block-button__link) {
 	color: currentColor;
 }
 
 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover .wp-block-cover-text .has-link-color a,
-.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link) .has-link-color a,
 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover-image .wp-block-cover-text .has-link-color a,
-.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) .has-link-color a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
 }
 

seedlet/assets/sass/blocks/cover/_editor.scss

@@ -9,7 +9,7 @@
 	.wp-block-cover__inner-container,
 	.wp-block-cover-image-text,
 	.wp-block-cover-text,
-	.block-editor-block-list__block {
+	.block-editor-block-list__block:not(.wp-social-link) {
 		color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
 
 		a:not(.has-text-color):not(.wp-block-button__link) {