Twenty Twenty-One: Remove background color from Social Links the dark gray style.

This block variation doesn't support custom colors, so allowing a background color leads to a mismatch between frontend and editor styles.

Props poena, paaljoachim, audrasjb.
Fixes #52499.



git-svn-id: https://develop.svn.wordpress.org/trunk@50364 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -4774,7 +4774,8 @@ hr.wp-block-separator.is-style-dots:before {
 	color: #28303d;
 }
 
-.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
 	background: none;
 }
 

src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss

@@ -10,7 +10,8 @@
 			color: var(--global--color-primary);
 		}
 
-		.wp-social-link {
+		.wp-social-link,
+		&.has-icon-background-color.has-icon-background-color .wp-social-link {
 			background: none;
 		}
 

src/wp-content/themes/twentytwentyone/style-rtl.css

@@ -3406,7 +3406,8 @@ hr.wp-block-separator.is-style-dots:before {
 	color: var(--global--color-primary);
 }
 
-.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
 	background: none;
 }
 

src/wp-content/themes/twentytwentyone/style.css

@@ -3416,7 +3416,8 @@ hr.wp-block-separator.is-style-dots:before {
 	color: var(--global--color-primary);
 }
 
-.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
 	background: none;
 }