Merge pull request #6 from jonathanKingston/pseudo-matches-fix

Fixed pseudo selectors with multiple matches in a selector

Author: MoOx

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 2.0.1 - 2015-10-26
+- Fixed: pseudo selectors with multiple matches in a selector
+
 # 2.0.0 - 2015-08-25
 
 - Removed: compatibility with postcss v4.x

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-selector-matches",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "PostCSS plugin to transform :matches() W3C CSS pseudo class to more compatible CSS selectors",
   "keywords": [
     "postcss",

src/replaceRuleSelector.js

@@ -39,7 +39,7 @@ function explodeSelector(selector, options) {
         newParts = []
         postSelectors.forEach(postS => {
           bodySelectors.forEach(s => {
-            newParts.push(pre + s + postS)
+            newParts.push(preWhitespace + pre + s + postS)
           })
         })
       }

test/index.js

@@ -56,6 +56,12 @@ tape("postcss-selector-matches", t => {
     "should transform mutltiples :matches() with stuff after"
   )
 
+  t.equal(
+    transform(":matches(tag) :matches(tag2, tag3):hover {}"),
+    "tag tag2:hover, tag tag3:hover {}",
+    "should transform mutltiples :matches() with pseudo after"
+  )
+
   t.equal(
     transform("tag :matches(tag2 :matches(tag4, tag5), tag3) {}"),
     "tag tag2 tag4, tag tag2 tag5, tag tag3 {}",