sidebar: add a logo hover animation

1 files changed, 10 insertions, 1 deletions

diff --git a/src/components/SideBar.module.scss b/src/components/SideBar.module.scss
index 853841b..a8fe68e 100644
--- a/src/components/SideBar.module.scss
+++ b/src/components/SideBar.module.scss
@@ -19,7 +19,7 @@
   transition: color 0.3s ease-in-out;
 
   &:hover {
-    color: #1f52ac;
+    animation: pulse 0.3s ease-in-out 0s infinite alternate;
   }
 
   img {
@@ -28,6 +28,15 @@
   }
 }
 
+@keyframes pulse {
+  0% {
+    color: #2a477a;
+  }
+  100% {
+    color: #1f52ac;
+  }
+}
+
 .rows {
   @media (max-width: 768px) {
     display: flex;