chore: add :hover & :active to navlinks

dallassoftwaredevelopers · Dec 31, 2024 · a5096c3 · a5096c3
1 parent 8b238aa
commit a5096c3
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/app/components/navbar/navbar.module.css b/src/app/components/navbar/navbar.module.css
@@ -89,6 +89,15 @@
   color: hsl(var(--white));
   font-size: 25px;
   text-decoration: none;
+  transition: all ease-in 0.3s;
+
+  &:hover {
+    background-color: hsl(var(--dark-blue));
+  }
+
+  &:active {
+    background-color: hsl(var(--light-blue));
+  }
 }
 
 .hamburger,
@@ -236,5 +245,13 @@
     color: hsl(var(--blue));
     text-decoration: none;
     line-height: 14.09px;
+
+    &:hover {
+      color: hsl(var(--light-blue));
+    }
+
+    &:active {
+      color: hsl(var(--dark-blue));
+    }
   }
 }