Merge pull request #765 from sveltejs/gh-759

preserve space before non-parenthesized media query expression
sveltejs · Aug 13, 2017 · 2b41b83 · 2b41b83
2 parents 4aae9a7 + 1f7349c
commit 2b41b83
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/src/css/Stylesheet.ts b/src/css/Stylesheet.ts
@@ -144,7 +144,8 @@ class Atrule {
 
 	minify(code: MagicString, cascade: boolean) {
 		if (this.node.name === 'media') {
-			let c = this.node.start + 6;
+			const expressionChar = code.original[this.node.expression.start];
+			let c = this.node.start + (expressionChar === '(' ? 6 : 7);
 			if (this.node.expression.start > c) code.remove(c, this.node.expression.start);
 
 			this.node.expression.children.forEach((query: Node) => {

diff --git a/test/css/samples/media-query-word/expected.css b/test/css/samples/media-query-word/expected.css
@@ -0,0 +1 @@
+@media only screen and (min-width: 400px){div[svelte-xyz],[svelte-xyz] div{color:red}}
diff --git a/test/css/samples/media-query-word/input.html b/test/css/samples/media-query-word/input.html
@@ -0,0 +1,9 @@
+<div>hello</div>
+
+<style>
+	@media only screen and (min-width: 400px) {
+		div {
+			color: red;
+		}
+	}
+</style>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		@media only screen and (min-width: 400px){div[svelte-xyz],[svelte-xyz] div{color:red}}