Revert "make keyframes scoped (close #731)"

This reverts commit 35229b0.

Author: yyx990803

lib/style-compiler/plugins/scope-id.js

@@ -3,18 +3,11 @@ var selectorParser = require('postcss-selector-parser')
 
 module.exports = postcss.plugin('add-id', function (opts) {
   return function (root) {
-    var keyframes = Object.create(null)
-
     root.each(function rewriteSelector (node) {
       if (!node.selector) {
         // handle media queries
-        if (node.type === 'atrule') {
-          if (node.name === 'media') {
-            node.each(rewriteSelector)
-          } else if (node.name === 'keyframes') {
-            // register keyframes
-            keyframes[node.params] = node.params = node.params + '-' + opts.id
-          }
+        if (node.type === 'atrule' && node.name === 'media') {
+          node.each(rewriteSelector)
         }
         return
       }
@@ -30,13 +23,5 @@ module.exports = postcss.plugin('add-id', function (opts) {
         })
       }).process(node.selector).result
     })
-
-    if (Object.keys(keyframes).length) {
-      root.walkDecls(decl => {
-        if (/-?animation$/.test(decl.prop) && keyframes[decl.value]) {
-          decl.value = keyframes[decl.value]
-        }
-      })
-    }
   }
 })

test/fixtures/scoped-css.vue

@@ -8,13 +8,6 @@
 h1 {
   color: green;
 }
-.anim {
-  animation: color;
-}
-@keyframes color {
-  from { color: red; }
-  to { color: green; }
-}
 </style>
 
 <template>

test/test.js

@@ -193,12 +193,9 @@ describe('vue-loader', function () {
 
       var style = window.document.querySelector('style').textContent
       style = normalizeNewline(style)
-      expect(style).to.contain(`.test[${id}] {\n  color: yellow;\n}`)
-      expect(style).to.contain(`.test[${id}]:after {\n  content: \'bye!\';\n}`)
-      expect(style).to.contain(`h1[${id}] {\n  color: green;\n}`)
-      // scoped keyframes
-      expect(style).to.contain(`.anim[${id}] {\n  animation: color-${id};\n}`)
-      expect(style).to.contain(`@keyframes color-${id} {`)
+      expect(style).to.contain('.test[' + id + '] {\n  color: yellow;\n}')
+      expect(style).to.contain('.test[' + id + ']:after {\n  content: \'bye!\';\n}')
+      expect(style).to.contain('h1[' + id + '] {\n  color: green;\n}')
       done()
     })
   })