Add focus-visisble

danielguillan · danielguillan · commit 1b8b86e93a14 · 2024-02-27T19:12:55.000+01:00
diff --git a/packages/react/src/MinimalFooter/MinimalFooter.module.css b/packages/react/src/MinimalFooter/MinimalFooter.module.css
@@ -59,7 +59,8 @@
   padding-bottom: var(--base-size-48);
 }
 
-.Footer__social-link:hover .Footer__social-icon {
+.Footer__social-link:hover .Footer__social-icon,
+.Footer__social-link:focus-visible .Footer__social-icon {
   filter: var(--brand-footer-socialIcon-hoverFilter);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,8 @@`
`59`	`59`	`padding-bottom: var(--base-size-48);`
`60`	`60`	`}`
`61`	`61`
`62`		`-.Footer__social-link:hover .Footer__social-icon {`
	`62`	`+.Footer__social-link:hover .Footer__social-icon,`
	`63`	`+.Footer__social-link:focus-visible .Footer__social-icon {`
`63`	`64`	`filter: var(--brand-footer-socialIcon-hoverFilter);`
`64`	`65`	`}`
`65`	`66`