Allow :host anywhere (#15)

* initial sub selector fix

* fix a:host:not(b:host) edge case

* downgrade postcss-selector-parser for node 4

Author: goto-bus-stop

index.js

@@ -11,20 +11,16 @@ function postcssPrefix (prefix, options) {
   return function walk (root) {
     root.walkRules(function (rule) {
       const selector = Selector(transformSelectors)
-        .process(rule.selector).result
-
+        .processSync(rule.selector)
       rule.selector = selector
     })
   }
 
   function transformSelectors (selectors) {
-    selectors.eachInside(function (selector) {
+    selectors.walk(function (selector) {
       // don't prefix if parent is not selector
       if (selector.parent.type !== 'selector') return
 
-      // don't prefix if not first node in container
-      if (selector.parent.nodes[0] !== selector) return
-
       // don't prefix pseudo selector args unless it's `:not`
       if (selector.parent.parent.type === 'pseudo' && selector.parent.parent.value !== ':not') {
         return

package.json

@@ -5,7 +5,7 @@
   "repository": "stackcss/postcss-prefix",
   "dependencies": {
     "postcss": "^5.0.8",
-    "postcss-selector-parser": "^1.3.0"
+    "postcss-selector-parser": "^4.0.0"
   },
   "devDependencies": {
     "tape": "^4.2.1"

test/fixture-out.css

@@ -40,3 +40,8 @@ h2#thing {}
 .stuff:nth-last-of-type(2) {}
 
 .stuff:not(p) {}
+
+.sub #hello-world {}
+.sub:not(#hello-world x) {}
+.sub:not(x #hello-world y) {}
+.sub#hello-world:not(a#hello-world) {}

test/fixture.css

@@ -40,3 +40,8 @@ h2#thing {}
 .stuff:nth-last-of-type(2) {}
 
 .stuff:not(p) {}
+
+.sub :host {}
+.sub:not(:host x) {}
+.sub:not(x :host y) {}
+.sub:host:not(a:host) {}