fix @fontface support

Author: tj

lib/compiler.js

@@ -59,7 +59,7 @@ module.exports = function(node){
   function block(node) {
     var buf = [];
     var nodes = node[1];
-    
+
     for (var i = 0; i < nodes.length; ++i) {
       buf.push(visit(nodes[i]));
     }
@@ -82,21 +82,22 @@ module.exports = function(node){
    */
 
   function rule(node) {
+    var font = '@font-face' == node[1][0].trim();
     var rule = node[1];
     var block = node[2];
     var buf = '';
-  
+
     if (!block) return rule.join('') + ';';
 
     rules.push(node);
 
-    if ('@' == rule[0][0]) {
+    if ('@' == rule[0][0] && !font) {
       buf = join(rules) + ' {\n';
       visit(block);
       buf += stash.join('\n');
       buf += '\n}';
       stash = [];
-    } else if (nest) {
+    } else if (nest && !font) {
       indents = 1;
       buf = join(rules, 1) + ' {\n';
       indents = 2;
@@ -117,9 +118,9 @@ module.exports = function(node){
       if (hasProperties(block)) stash.push(buf);
       buf = '';
     }
-    
+
     rules.pop();
-  
+
     return buf;
   }
 
@@ -147,14 +148,14 @@ module.exports = function(node){
    * @return {String}
    * @api private
    */
-  
+
   function join(rules, offset) {
     offset = offset || 0;
     var selectors = [];
     var buf = [];
     var curr;
     var next;
-  
+
     function compile(rules, i) {
       if (offset != i) {
         var parent = rules[i].parent;
@@ -170,16 +171,16 @@ module.exports = function(node){
         });
       }
     }
-  
+
     compile(rules, rules.length - 1);
-  
+
     return selectors.join(',\n');
   }
 
   /**
    * Return indent.
    */
-  
+
   function indent() {
     return Array(indents + 1).join('  ');
   }
@@ -209,4 +210,4 @@ function hasProperties(block) {
 
 function blank(str) {
   return '' != str;
-}
+}

test/cases/fontface.css

@@ -0,0 +1,7 @@
+
+@font-face
+  font-family: 'icons'
+  src: url("/icons/font/icons.eot")
+  src: url("/icons/font/icons.eot?#iefix") format('embedded-opentype'), url("/icons/font/icons.woff") format('woff'), url("/icons/font/icons.ttf") format('truetype'), url("/icons/font/icons.svg#icons") format('svg')
+  font-weight: normal
+  font-style: normal

test/cases/fontface.out.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'icons';
+  src: url("/icons/font/icons.eot");
+  src: url("/icons/font/icons.eot?#iefix") format('embedded-opentype'), url("/icons/font/icons.woff") format('woff'), url("/icons/font/icons.ttf") format('truetype'), url("/icons/font/icons.svg#icons") format('svg');
+  font-weight: normal;
+  font-style: normal;
+}

test/index.js

@@ -11,10 +11,10 @@ describe('should support', function(){
     var base = path.basename(file, '.css');
     var input = read('test/cases/' + file, 'utf8');
     var output = read('test/cases/' + base + '.out.css', 'utf8');
-  
+
     it(base, function(){
-      var out = compile(input);
-      out.should.equal(output);
+      var out = compile(input).trim();
+      out.should.equal(output.trim());
     })
-  });  
-})
+  });
+})