Csscomb for menus

react-toolbox · Oct 20, 2015 · 49317ba · 49317ba
1 parent 6f9b880
commit 49317ba
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/menu/_config.scss b/components/menu/_config.scss
@@ -11,3 +11,5 @@ $menu-item-height: 4.8 * $unit;
 $menu-item-padding: 1.6 * $unit;
 $menu-item-font-size: 1.6 * $unit;
 $menu-divider-height: (4.8 * $unit) / 4;
+$menu-icon-size: 2.3 * $unit;
+$menu-icon-ripple-duration: 650ms;
diff --git a/components/menu/style.icon_menu.scss b/components/menu/style.icon_menu.scss
@@ -1,4 +1,5 @@
 @import "../base";
+@import "./config";
 
 .root {
   position: relative;
@@ -7,12 +8,12 @@
 }
 
 .icon {
-  font-size: 2.3 * $unit;
+  font-size: $menu-icon-size;
   vertical-align: middle;
   cursor: pointer;
 }
 
 .ripple {
   opacity: .1;
-  transition-duration: 650ms;
+  transition-duration: $menu-icon-ripple-duration;
 }