fix keyframes declaration newlines

Author: tj

examples/keyframes.css

@@ -1,8 +1,10 @@
 @-webkit-keyframes fade {
   from {
     opacity: 0;
+    foo: 'bar';
   }
   to {
     opacity: 1;
+    bar: 'baz';
   }
 }

examples/keyframes.js

@@ -9,4 +9,4 @@ var parse = require('css-parse')
   , read = fs.readFileSync
   , css = read('examples/keyframes.css', 'utf8');
 
-console.log(stringify(parse(css), { compress: true }));
+console.log(stringify(parse(css), { compress: false }));

index.js

@@ -110,7 +110,7 @@ Compiler.prototype.keyframe = function(node){
     + ' {\n'
     + node.declarations.map(function(node){
       return '  ' + self.declaration(node);
-    }).join(';')
+    }).join(';\n')
     + '\n  }\n'
 };
 
@@ -128,7 +128,7 @@ Compiler.prototype.rule = function(node){
 
   return node.selector
     + ' {\n'
-    + node.declarations.map(this.declaration.bind(this)).join('\n')
+    + node.declarations.map(this.declaration.bind(this)).join(';\n')
     + '\n}';
 };
 
@@ -141,5 +141,5 @@ Compiler.prototype.declaration = function(node){
     return node.property + ':' + node.value;
   }
 
-  return '  ' + node.property + ': ' + node.value + ';';
+  return '  ' + node.property + ': ' + node.value;
 };

test/cases/keyframes.css

@@ -1,10 +1,10 @@
 @keyframes fade {
   from {
     opacity: 0;
-    opacity: 1;
+    opacity: 1
   }
 
   to {
-    opacity: 1;
+    opacity: 1
   }
 }

test/cases/media.css

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

test/cases/rules.css

@@ -1,9 +1,9 @@
 tobi {
   name: 'tobi';
-  age: 2;
+  age: 2
 }
 
 loki {
   name: 'loki';
-  age: 1;
+  age: 1
 }