sidebar: do not highlight links on hover

Fixes iterative#618
fabiosantoscode · Jan 24, 2020 · 6aa7ad2 · 6aa7ad2
1 parent fb92676
commit 6aa7ad2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/Documentation/SidebarMenu/SidebarMenu.js b/src/Documentation/SidebarMenu/SidebarMenu.js
@@ -184,12 +184,13 @@ const SectionLinks = styled.div`
   }
 `
 
+const sectionLinkColor = '#b0b8c5'
 const SectionLink = styled.a`
   display: block;
   position: relative;
   font-size: 18px;
   font-weight: 500;
-  color: #b0b8c5;
+  color: ${sectionLinkColor};
   text-decoration: none;
   font-weight: 400;
   line-height: 26px;
@@ -206,6 +207,9 @@ const SectionLink = styled.a`
 
   &:hover {
     color: #3c3937;
+    ${media.phablet`
+      color: ${sectionLinkColor};
+    `}
   }
 
   &::before {