add media support

Author: tj

examples/media.css

@@ -0,0 +1,21 @@
+@media screen, projection {
+  html {
+    background: #fffef0;
+    color: #300;
+  }
+  body {
+    max-width: 35em;
+    margin: 0 auto;
+  }
+}
+
+@media print {
+  html {
+    background: #fff;
+    color: #000;
+  }
+  body {
+    padding: 1in;
+    border: 0.5pt solid #666;
+  }
+}

examples/media.js

@@ -0,0 +1,12 @@
+
+/**
+ * Module dependencies.
+ */
+
+var parse = require('css-parse')
+  , stringify = require('..')
+  , fs = require('fs')
+  , read = fs.readFileSync
+  , css = read('examples/media.css', 'utf8');
+
+console.log(stringify(parse(css), { compress: false }));

index.js

@@ -22,8 +22,10 @@ module.exports = function(node, options){
 function visit(options) {
   var _rule = rule(options);
   var _keyframes = keyframes(options);
+  var _media = media(options);
   return function(node){
     if (node.keyframes) return _keyframes(node);
+    if (node.media) return _media(node);
     if (node.import) return atimport(node);
     return _rule(node);
   }
@@ -37,6 +39,20 @@ function atimport(rule) {
   return '@import ' + rule.import + ';';
 }
 
+/**
+ * Compile media.
+ */
+
+function media(options) {
+  return function(media){
+    return '@media '
+      + media.media
+      + ' {\n'
+      + media.rules.map(indent(visit(options))).join('\n\n')
+      + '\n}';
+  }
+}
+
 /**
  * Compile keyframes.
  */