Merge pull request #796 from sveltejs/gh-757

handle css vars in <style> tags

src/css/Stylesheet.ts

@@ -135,10 +135,15 @@ class Declaration {
 
 	minify(code: MagicString) {
 		const c = this.node.start + this.node.property.length;
-		const first = this.node.value.children[0];
+		const first = this.node.value.children  ?
+			this.node.value.children[0] :
+			this.node.value;
 
-		if (first.start - c > 1) {
-			code.overwrite(c, first.start, ':');
+		let start = first.start;
+		while (/\s/.test(code.original[start])) start += 1;
+
+		if (start - c > 1) {
+			code.overwrite(c, start, ':');
 		}
 	}
 }

test/css/samples/css-vars/expected.css

@@ -0,0 +1 @@
+div[svelte-xyz],[svelte-xyz] div{--test:10}

test/css/samples/css-vars/input.html

@@ -0,0 +1,7 @@
+<div></div>
+
+<style>
+	div {
+		--test: 10;
+	}
+</style>