Csscomb for menus

javivelasco · javivelasco · commit 49317ba39d8b · 2015-10-21T01:56:00.000+02:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@import "../base";`
	`2`	`+@import "./config";`
`2`	`3`
`3`	`4`	`.root {`
`4`	`5`	`position: relative;`
`@@ -7,12 +8,12 @@`
`7`	`8`	`}`
`8`	`9`
`9`	`10`	`.icon {`
`10`		`- font-size: 2.3 * $unit;`
	`11`	`+ font-size: $menu-icon-size;`
`11`	`12`	`vertical-align: middle;`
`12`	`13`	`cursor: pointer;`
`13`	`14`	`}`
`14`	`15`
`15`	`16`	`.ripple {`
`16`	`17`	`opacity: .1;`
`17`		`- transition-duration: 650ms;`
	`18`	`+ transition-duration: $menu-icon-ripple-duration;`
`18`	`19`	`}`