don't confuse -- in selectors for css vars. close #31.

Author: leeoniya

dist/dropcss.cjs.js

@@ -812,7 +812,7 @@ function removeBackwards(css, defs, used, shouldDrop, type) {
 	return css;
 }
 
-var CUSTOM_PROP_DEF = /(--[\w-]+)\s*:\s*([^;}]+);?\s*/gm;
+var CUSTOM_PROP_DEF = /([{};])\s*(--[\w-]+)\s*:\s*([^;}]+);?\s*/gm;
 var CUSTOM_PROP_USE = /var\(([\w-]+)\)/gm;
 var COMMA_SPACED = /\s*,\s*/gm;
 
@@ -823,7 +823,7 @@ function resolveCustomProps(css) {
 	while (CUSTOM_PROP_USE.test(css)) {
 		// get all defs
 		while (m = CUSTOM_PROP_DEF.exec(css))
-			{ defs[m[1]] = m[2]; }
+			{ defs[m[2]] = m[3]; }
 
 		// replace any non-composites
 		css = css.replace(CUSTOM_PROP_USE, function (m0, m1) { return !CUSTOM_PROP_USE.test(defs[m1]) ? defs[m1] : m0; });
@@ -919,7 +919,7 @@ function dropCssVars(css, shouldDrop) {
 
 	do {
 		css = css2;
-		css2 = css.replace(CUSTOM_PROP_DEF, function (m, m1) { return css.indexOf('var(' + m1 + ')') != -1 ? m : ''; });
+		css2 = css.replace(CUSTOM_PROP_DEF, function (m, m1, m2) { return css.indexOf('var(' + m2 + ')') != -1 ? m : m1; });
 	} while (css2 != css);
 
 	return css2;
@@ -931,7 +931,7 @@ function postProc$1(out, shouldDrop, log, START) {
 	// this is used for testing for "used" keyframes and fonts and
 	// parsing resolved 'font-family:' names from @font-face defs,
 	// so does not need to be regenerated during iterative purging
-	var flatCss = resolveCustomProps(out).replace(CUSTOM_PROP_DEF, '');
+	var flatCss = resolveCustomProps(out).replace(CUSTOM_PROP_DEF, function (m, m1) { return m1; });
 
 	out = dropKeyFrames(out, flatCss, shouldDrop);
 

dist/dropcss.js

@@ -816,7 +816,7 @@
 		return css;
 	}
 
-	var CUSTOM_PROP_DEF = /(--[\w-]+)\s*:\s*([^;}]+);?\s*/gm;
+	var CUSTOM_PROP_DEF = /([{};])\s*(--[\w-]+)\s*:\s*([^;}]+);?\s*/gm;
 	var CUSTOM_PROP_USE = /var\(([\w-]+)\)/gm;
 	var COMMA_SPACED = /\s*,\s*/gm;
 
@@ -827,7 +827,7 @@
 		while (CUSTOM_PROP_USE.test(css)) {
 			// get all defs
 			while (m = CUSTOM_PROP_DEF.exec(css))
-				{ defs[m[1]] = m[2]; }
+				{ defs[m[2]] = m[3]; }
 
 			// replace any non-composites
 			css = css.replace(CUSTOM_PROP_USE, function (m0, m1) { return !CUSTOM_PROP_USE.test(defs[m1]) ? defs[m1] : m0; });
@@ -923,7 +923,7 @@
 
 		do {
 			css = css2;
-			css2 = css.replace(CUSTOM_PROP_DEF, function (m, m1) { return css.indexOf('var(' + m1 + ')') != -1 ? m : ''; });
+			css2 = css.replace(CUSTOM_PROP_DEF, function (m, m1, m2) { return css.indexOf('var(' + m2 + ')') != -1 ? m : m1; });
 		} while (css2 != css);
 
 		return css2;
@@ -935,7 +935,7 @@
 		// this is used for testing for "used" keyframes and fonts and
 		// parsing resolved 'font-family:' names from @font-face defs,
 		// so does not need to be regenerated during iterative purging
-		var flatCss = resolveCustomProps(out).replace(CUSTOM_PROP_DEF, '');
+		var flatCss = resolveCustomProps(out).replace(CUSTOM_PROP_DEF, function (m, m1) { return m1; });
 
 		out = dropKeyFrames(out, flatCss, shouldDrop);