CSS transition for hover colors in sidebar

babel · Aug 13, 2017 · 4951d6f · 4951d6f
1 parent ee8c944
commit 4951d6f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/js/repl/src/ReplOptions.js b/js/repl/src/ReplOptions.js
@@ -477,9 +477,11 @@ const styles = {
     alignItems: 'center',
     margin: '0 -1rem',
     padding: '0 1rem',
+    transition: 'background-color 250ms ease-in-out, color 250ms ease-in-out',
 
     '&:hover': {
-      backgroundColor: colors.inverseBackgroundDark
+      backgroundColor: colors.inverseBackgroundDark,
+      color: colors.inverseForeground
     }
   }),
   envPresetColumn: css({