💄 style: invert social icons when hovering

This makes it consistent with the behaviour of all other links.
2023-02-08 14:34:26 +01:00 · 2023-02-08 14:34:26 +01:00 · 794470d99a
commit 794470d99a
parent 999861ba58
1 changed files with 12 additions and 2 deletions
--- a/sass/parts/_footer.scss
+++ b/sass/parts/_footer.scss
@ -43,6 +43,16 @@ footer {
      filter: invert(1);
    }
    
-    [data-theme="light"] .social>img {
-      filter: invert(0);
+[data-theme="light"] {
+  .social {
+    &:hover {
+      &>img {
+        filter: invert(1);
+      }
    }
+
+    &>img {
+      filter: none;
+    }
+  }
+}