fix #1

Author: 刘祺

lib/flexbox.js

@@ -13,6 +13,7 @@ function createFixupFlexboxDeclaration(propname, value, parent) {
 	// remove vendor prefixes from names, values
 
 	propname = postcss.vendor.unprefixed(propname);
+	value = postcss.vendor.unprefixed(value);
 
 	var mappings = {
 		"display": {
@@ -62,7 +63,6 @@ function createFixupFlexboxDeclaration(propname, value, parent) {
 	mappings["flex-order"] = mappings["box-ordinal-group"];
 
 	if (propname in mappings) {
-		value = postcss.vendor.unprefixed(value);
 		if (value in mappings[propname].valueMap) {
 			value = mappings[propname].valueMap[value];
 		}
@@ -77,7 +77,6 @@ function createFixupFlexboxDeclaration(propname, value, parent) {
 
 	// box-direction, box-orient is a bit of a mess - these two 2009 draft values turn into 2011's flex-direction, which again has different values for final spec
 	if (propname === "box-direction" || propname === "box-orient") {
-		value = postcss.vendor.unprefixed(value);
 		var dir, orient;
 		if (propname === "box-direction") {
 			dir = value;
@@ -103,7 +102,7 @@ function createFixupFlexboxDeclaration(propname, value, parent) {
 }
 
 module.exports = function(decl) {
-	if (/^(?:-\w+-)?(?:box|flex)/.test(decl.prop) || (decl.prop === "display" && /^-\w+-/.test(decl.value))) {
+	if (/^(?:-\w+-)?(?:box-(?:align|direction|flex|ordinal-group|orient|pack)|flex(?:-\w+)*)$/.test(decl.prop) || (decl.prop === "display" && /^-\w+-/.test(decl.value))) {
 		var result = createFixupFlexboxDeclaration(decl.prop, decl.value, decl.parent);
 		if (result.prop !== decl.prop || result.value !== decl.value) {
 			return result;

lib/gradient.js

@@ -382,8 +382,8 @@ function fixRadialGradient(args) {
 			firstArg = firstArg.concat(subArg);
 			return false;
 		} else if (subArg.every(function(word) {
-				return word === "center" || directionMap[word] || parseNum(word);
-			})) {
+			return word === "center" || directionMap[word] || parseNum(word);
+		})) {
 			// 如果subArg是坐标信息将它存入position
 			position = subArg;
 			return false;
@@ -504,15 +504,16 @@ module.exports = function(value) {
 					// 修复老式webkit语法的gradient
 					stringifyGradient(node, fixOldGradient(parseFunction(node), node));
 				} else if (/^-\w+-(?:\w+-)?(\w+)-gradient$/.test(node.value)) {
+					var type = RegExp.$1;
 					// 修复gradient的前缀
 					node.value = postcss.vendor.unprefixed(node.value);
 					// 修复gradient的值
-					stringifyGradient(node, fixGradient(parseFunction(node), RegExp.$1));
+					stringifyGradient(node, fixGradient(parseFunction(node), type));
 				}
 			}
 		});
 		// 将value还原成css字符串
 		value = valueParser.stringify(value);
 		return value;
 	}
-};
+};

lib/prefixes.js

@@ -1,17 +1,14 @@
 "use strict";
 var autoprefixer = require("autoprefixer");
 
-var prefixes = [];
-for (var i in autoprefixer.data.prefixes) {
-	prefixes.push(i);
-}
-var reProp = new RegExp("^-\\w+-(" + prefixes.join("|") + ")$");
-var reValue = new RegExp("(^|\\s|,|\\()-\\w+-(" + prefixes.join("|") + ")(\\s|,|\\)|$)", "g");
+var prefixes = Object.keys(autoprefixer.data.prefixes).join("|");
+var reProp = new RegExp("^-\\w+-(" + prefixes + ")$");
+var reValue = new RegExp("(^|\\s|,|\\()-\\w+-(" + prefixes + ")(\\s|,|\\)|$)", "g");
 
 // 将autoprefixer所支持的各种属性名，转换为无前缀版本
 module.exports = function(decl) {
 	return {
 		prop: decl.prop.replace(reProp, "$1"),
 		value: decl.value.replace(reValue, "$1$2$3"),
 	};
-};
+};

package.json

@@ -6,7 +6,7 @@
   "dependencies": {
     "autoprefixer": "^6.5.3",
     "normalize-range": "^0.1.2",
-    "postcss": "^5.2.5",
+    "postcss": "^5.2.6",
     "postcss-value-parser": "^3.3.0"
   },
   "description": "Unprefixes vendor prefixes in legacy CSS.",

test/fixtures/grid-out.css

@@ -24,7 +24,7 @@
 }
 
 .webkit {
-	grid: subgrid;
+	-webkit-grid: subgrid;
 	grid-template-areas: "head head"
 	"nav  main"
 	"foot ....";