patch animation namespacing (#78)

vercel · Jan 16, 2017 · 3d384c9 · 3d384c9
1 parent e9550f3
commit 3d384c9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/lib/style-transform.js b/lib/style-transform.js
@@ -160,13 +160,15 @@
 
                     // animation: a, n, i characters
                     if (first === 97 && second === 110 && third === 105) {
+                      line = line.substring(0, line.length-1);
+
                       var ninth = line.charCodeAt(9) || 0;
                       var tenth = line.charCodeAt(10) || 0;
 
                       var colon = line.indexOf(':')+1;
                       var build = line.substring(0, colon);
 
-                      var anims = line.substring(colon).split(',');
+                      var anims = line.substring(colon).trim().split(',');
 
                       // short hand animation syntax
                       if (ninth !== 45) {
@@ -209,6 +211,8 @@
                         build += (tenth !== 110 ? '' : animationSuffix) + anims[0].trim();
                       }
 
+                      build += ';';
+
                       // vendor prefix
                       line = '-webkit-' + build + '-moz-' + build + build;
                     }

diff --git a/test/fixtures/transform.css b/test/fixtures/transform.css
@@ -36,6 +36,7 @@ p :global(span:not(.test)) {
 
 p, h1 {
   color: blue;
+  animation: hahaha 3s ease forwards infinite;
   animation-name: hahaha;
   animation-delay: 100ms;
 }

diff --git a/test/fixtures/transform.out.css b/test/fixtures/transform.out.css