allow storing of media queries in variables

tomap · Aug 7, 2012 · 7acf001 · 7acf001
1 parent 6a55704
commit 7acf001
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/lib/visitor/evaluator.js b/lib/visitor/evaluator.js
@@ -188,6 +188,8 @@ Evaluator.prototype.visitReturn = function(ret){
 
 Evaluator.prototype.visitMedia = function(media){
   media.block = this.visit(media.block);
+  var query = this.lookup(media.val);
+  if(query) media.val = this.lookup("unquote").fn.call(this,query.nodes[0]);
   return media;
 };
 

diff --git a/test/cases/queries.css b/test/cases/queries.css
@@ -0,0 +1,5 @@
+@media screen and (min-width:1px) and (max-width:400px) {
+  body {
+    background: #00f;
+  }
+}
diff --git a/test/cases/queries.styl b/test/cases/queries.styl
@@ -0,0 +1,4 @@
+small = "screen and (min-width:1px) and (max-width:400px)"
+@media small
+  body
+    background blue