add fancy neon hover effect to social icons using the same svg filter…

… as for the boxes
chrisweb · Jan 4, 2025 · 0a9e9ac · 0a9e9ac
1 parent 591c427
commit 0a9e9ac
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/global.css b/app/global.css
@@ -928,14 +928,16 @@ make the text color a bit darker */
 
 .socialIcon {
     margin-right: calc(var(--main-spacing) / 2);
-    color: var(--primary-light-color);
+    color: rgb(255, 225, 245);
+    filter: drop-shadow(0px 0px 2px var(--primary-light-color)) drop-shadow(0px 0px 10px var(--primary-light-color));
 }
 
 /* not on mobile */
 @media (hover: hover) {
 
     .socialIcon:hover {
-        color: var(--secondary-light-color);
+        color: rgb(255, 255, 255);
+        filter: drop-shadow(0px 0px 1px var(--secondary-light-color)) drop-shadow(0px 0px 8px var(--secondary-light-color));
     }
 }