create vars.less for less variables

LinkedInAttic · Aug 29, 2012 · ea34f44 · ea34f44
1 parent 0c7a7a2
commit ea34f44
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/css/hopscotch.css b/css/hopscotch.css
diff --git a/css/hopscotch.less b/css/hopscotch.less
@@ -1,16 +1,7 @@
 @import "util.less";
+@import "vars.less";
 @import "fade.less";
 
-@anim-duration: .5s;
-@anim-timing: ease-in-out;
-@bubbleCornerRadius: 10px;
-@bubbleColor: #fff;
-@bubbleBorderWidth: 6px;
-@bubblePadding: 15px;
-@borderColor: rgba(0, 0, 0, 0.5);
-@circleWidth: 30px;
-@spriteUrl: url(../img/sprite_li.png);
-
 div#hopscotch-bubble {
   background-color: @bubbleColor;
   border: @bubbleBorderWidth solid #000; /* default */

diff --git a/css/vars.less b/css/vars.less
@@ -0,0 +1,9 @@
+@anim-duration: .5s;
+@anim-timing: ease-in-out;
+@bubbleCornerRadius: 10px;
+@bubbleColor: #fff;
+@bubbleBorderWidth: 6px;
+@bubblePadding: 15px;
+@borderColor: rgba(0, 0, 0, 0.5);
+@circleWidth: 30px;
+@spriteUrl: url(../img/sprite_li.png);