fix contact form social media focus #59

openmindculture · Oct 9, 2023 · 00ffb06 · 00ffb06
1 parent 49e5772
commit 00ffb06
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/css/m_socialmedia.css b/src/css/m_socialmedia.css
@@ -76,22 +76,28 @@
   color: var(--color-inverted-foreground);
 }
 
+
+.contact .socialmedia__icon--inverted:focus,
 .contact .socialmedia__icon--inverted:hover,
-.contact .socialmedia__icon--inverted:focus {
+.contact .socialmedia__link:focus .socialmedia__icon--inverted,
+.contact .socialmedia__link:hover .socialmedia__icon--inverted {
   background-color: transparent;
   color: var(--color-hover-background-contrast);
 }
 
-.contact .socialmedia__icon--inverted:hover svg path {
+.contact .socialmedia__icon--inverted:focus svg path,
+.contact .socialmedia__icon--inverted:hover svg path,
+.contact .socialmedia__link:focus .socialmedia__icon--inverted svg path,
+.contact .socialmedia__link:hover .socialmedia__icon--inverted svg path {
   fill: var(--color-inverted-foreground);
 }
 
 .contact .socialmedia__link,
 .contact .socialmedia__link:link,
 .contact .socialmedia__link:visited,
 .contact .socialmedia__link:active,
-.contact .socialmedia__link:hover,
-.contact .socialmedia__link:focus {
+.contact .socialmedia__link:focus,
+.contact .socialmedia__link:hover {
   background-color: transparent;
   background-image: none;
 }