don't localize rules in keyframes

css-modules · Jun 11, 2015 · bbbe18d · bbbe18d
1 parent 6d1d11d
commit bbbe18d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -214,6 +214,10 @@ module.exports = postcss.plugin('postcss-modules-local-by-default', function (op
       }
     });
     css.eachRule(function(rule) {
+      if(rule.parent.type === "atrule" && /keyframes$/.test(rule.parent.name)) {
+        // ignore keyframe rules
+        return;
+      }
       var selector = Tokenizer.parse(rule.selector);
       var context = {
         options: options,

diff --git a/test.js b/test.js
@@ -222,8 +222,8 @@ var tests = [
   },
   {
     should: 'localize explicit keyframes',
-    input: '@keyframes :local(foo) { 0% { color: red; } 100% { color: blue; } } @-webkit-keyframes :global(bar) { from { color: red; } to { color: blue; } }',
-    expected: '@keyframes :local(foo) { 0% { color: red; } 100% { color: blue; } } @-webkit-keyframes bar { from { color: red; } to { color: blue; } }'
+    input: '@keyframes :local(foo) { 0% { color: red; } 33.3% { color: yellow; } 100% { color: blue; } } @-webkit-keyframes :global(bar) { from { color: red; } to { color: blue; } }',
+    expected: '@keyframes :local(foo) { 0% { color: red; } 33.3% { color: yellow; } 100% { color: blue; } } @-webkit-keyframes bar { from { color: red; } to { color: blue; } }'
   },
   {
     should: 'ignore :export statements',