Increase specificity of footer icons CSS (#710)

dd32 · web-flow · commit d698bd8a54f1 · 2025-10-24T11:10:25.000+10:00
Fixes #709
diff --git a/mu-plugins/blocks/global-header-footer/postcss/_common.pcss b/mu-plugins/blocks/global-header-footer/postcss/_common.pcss
@@ -126,7 +126,8 @@ html {
 .wp-block-group.global-header,
 .wp-block-group.global-footer {
 	& svg,
-	& .wp-block-social-links .wp-social-link svg {
+	& .wp-block-social-links .wp-social-link svg,
+	& .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
 		fill: var(--wp-global-header--text-color);
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,8 @@ html {`
`126`	`126`	`.wp-block-group.global-header,`
`127`	`127`	`.wp-block-group.global-footer {`
`128`	`128`	`& svg,`
`129`		`- & .wp-block-social-links .wp-social-link svg {`
	`129`	`+ & .wp-block-social-links .wp-social-link svg,`
	`130`	`+ & .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {`
`130`	`131`	`fill: var(--wp-global-header--text-color);`
`131`	`132`	`}`
`132`	`133`	`}`