Merge pull request #33 from markteekman/develop

Fix hover issue for DarkMode toggle icons
markteekman · May 15, 2022 · 42afc97 · 42afc97
2 parents b010c99 + 62729c2
commit 42afc97
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -346,8 +346,10 @@ import { DarkMode } from 'accessible-astro-components'
     svg path {
       fill: var(--secondary-500);
       transition: fill 0.2s ease-in-out;
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }
@@ -360,8 +362,10 @@ import { DarkMode } from 'accessible-astro-components'
   .darkmode .darkmode-toggle {
     svg path {
       fill: var(--secondary-100);
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }