Merge pull request #17 from gucong3000/unprefixSelector

fix #16

Author: gucong3000

lib/unprefixSelector.js

@@ -1,13 +1,10 @@
 'use strict';
 const util = require('./util');
 const removeExtraSelector = util.removeExtra(/(.+?)(?:\s*,\s*\1)+/gm);
-const PSEUDO_MAP = {
-	'input-placeholder': '::placeholder',
-	'placeholder': '::placeholder',
-	'full-screen': ':fullscreen',
-};
-
+const pseudoClasses = require('pseudo-classes')();
+const pseudoElements = require('pseudo-elements')();
 const parser = require('postcss-selector-parser');
+
 function unprefixSelector (selector) {
 	let fixed;
 	selector = parser(function unprefixSelector (selectors) {
@@ -16,9 +13,19 @@ function unprefixSelector (selector) {
 			if (!value) {
 				return;
 			}
-			fixed = true;
 			const pseudo = value[2].toLowerCase();
-			selector.value = PSEUDO_MAP[pseudo] || (value[1] + pseudo);
+			if (pseudoClasses.indexOf(pseudo) >= 0) {
+				selector.value = ':' + pseudo; 
+			} else if (pseudoElements.indexOf(pseudo) >= 0) {
+				selector.value = '::' + pseudo; 
+			} else if (/^(?:input-)?placeholder$/.test(pseudo)) {
+				selector.value = '::placeholder';
+			} else if (/^full-?screen$/.test(pseudo)) {
+				selector.value = ':fullscreen';
+			} else {
+				return;
+			}
+			fixed = true;
 		});
 	}).process(selector);
 

package.json

@@ -8,7 +8,10 @@
     "known-css-properties": "^0.1.0",
     "normalize-range": "^0.1.2",
     "postcss": "^6.0.1",
-    "postcss-value-parser": "^3.3.0"
+    "postcss-selector-parser": "^2.2.3",
+    "postcss-value-parser": "^3.3.0",
+    "pseudo-classes": "^1.0.0",
+    "pseudo-elements": "^1.0.0"
   },
   "description": "Unprefixes vendor prefixes in legacy CSS.",
   "devDependencies": {
@@ -63,5 +66,5 @@
     "pretest": "eslint .",
     "test": "mocha --no-timeouts"
   },
-  "version": "2.0.1"
+  "version": "2.1.0"
 }

test/fixtures/selectors.css

@@ -49,3 +49,6 @@ input:-moz-placeholder, input::placeholder {
 a[data-foo=":-webkit-full-screen"] {
 
 }
+
+.class::-webkit-scrollbar {
+}

test/fixtures/selectors.out.css

@@ -27,3 +27,6 @@ input::placeholder {
 a[data-foo=":-webkit-full-screen"] {
 
 }
+
+.class::-webkit-scrollbar {
+}