From 81ba059a8a139cbdc05e2f8b24763a09b7c4e3e3 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Tue, 29 Aug 2017 09:21:26 -0400
Subject: [PATCH] handle css vars in <style> tags (fixes #757)

---
 src/css/Stylesheet.ts                  | 11 ++++++++---
 test/css/samples/css-vars/expected.css |  1 +
 test/css/samples/css-vars/input.html   |  7 +++++++
 3 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 test/css/samples/css-vars/expected.css
 create mode 100644 test/css/samples/css-vars/input.html

diff --git a/src/css/Stylesheet.ts b/src/css/Stylesheet.ts
index 81a2c841bf..03c711044f 100644
--- a/src/css/Stylesheet.ts
+++ b/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, ':');
 		}
 	}
 }
diff --git a/test/css/samples/css-vars/expected.css b/test/css/samples/css-vars/expected.css
new file mode 100644
index 0000000000..f843bc4eb2
--- /dev/null
+++ b/test/css/samples/css-vars/expected.css
@@ -0,0 +1 @@
+div[svelte-xyz],[svelte-xyz] div{--test:10}
\ No newline at end of file
diff --git a/test/css/samples/css-vars/input.html b/test/css/samples/css-vars/input.html
new file mode 100644
index 0000000000..dafa7d09e4
--- /dev/null
+++ b/test/css/samples/css-vars/input.html
@@ -0,0 +1,7 @@
+<div></div>
+
+<style>
+	div {
+		--test: 10;
+	}
+</style>
\ No newline at end of file