fix @media rules in scoped css mode

yyx990803 · yyx990803 · commit d14ed65938e5 · 2015-11-01T16:26:18.000-05:00
diff --git a/lib/style-rewriter.js b/lib/style-rewriter.js
@@ -6,7 +6,14 @@ var options = require('./compilers/options')
 var currentId
 var addId = postcss.plugin('add-id', function () {
   return function (root) {
-    root.each(function (node) {
+    root.each(function rewriteSelector (node) {
+      if (!node.selector) {
+        // handle media queries
+        if (node.type === 'atrule' && node.name === 'media') {
+          node.each(rewriteSelector)
+        }
+        return
+      }
       node.selector = selectorParser(function (selectors) {
         selectors.each(function (selector) {
           var node = null
diff --git a/test/expects/scoped.js b/test/expects/scoped.js
diff --git a/test/fixtures/scoped.vue b/test/fixtures/scoped.vue
@@ -2,6 +2,7 @@
   div { color: red; }
   .test { color: green; }
   .test:after { content: 'bye!'; }
+  @media print { div { color:green; } }
 </style>
 
 <template>
