sidebar: do not highlight links on hover

Fixes iterative#618
fabiosantoscode · Jan 24, 2020 · ac8641b · ac8641b
1 parent 3388f7f
commit ac8641b
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 {