From b401a7b78f24079855b4f75dbc40cc08e2759e6e Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 31 Mar 2019 00:20:23 +0800
Subject: [PATCH] sidebar: add a logo hover animation

---
 src/components/SideBar.module.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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;