Use valid media rules in specs. (#995)

nex3 · web-flow · commit 15e525e8f706 · 2016-12-09T17:39:26.000-08:00
A number of specs were using "@media ... {a: b}", which produces invalid CSS. This updates them to use "@media ... {a {b: c}}" instead.
diff --git a/spec/extend-tests/193_test_media_in_placeholder_selector/input.scss b/spec/extend-tests/193_test_media_in_placeholder_selector/input.scss
@@ -1,2 +1,2 @@
-%foo {bar {@media screen {a: b}}}
+%foo {bar {@media screen {a {b: c}}}}
 .baz {c: d}
diff --git a/spec/libsass/variables_in_media/expected_output.css b/spec/libsass/variables_in_media/expected_output.css
@@ -1,3 +1,5 @@
 @media screen and (-webkit-min-device-pixel-ratio: 20), only print {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/libsass/variables_in_media/input.scss b/spec/libsass/variables_in_media/input.scss
@@ -2,4 +2,4 @@ $media1: screen;
 $media2: print;
 $var: -webkit-min-device-pixel-ratio;
 $val: 20;
-@media #{$media1} and ($var: $val), only #{$media2} {a: b}
+@media #{$media1} and ($var: $val), only #{$media2} {a {b: c}}
diff --git a/spec/libsass/variables_in_media/options.yml b/spec/libsass/variables_in_media/options.yml
diff --git a/spec/misc/media_interpolation/expected_output.css b/spec/misc/media_interpolation/expected_output.css
@@ -1,3 +1,5 @@
 @media bar12 {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/misc/media_interpolation/input.scss b/spec/misc/media_interpolation/input.scss
@@ -1,2 +1,2 @@
 $baz: 12;
-@media bar#{$baz} {a: b}
+@media bar#{$baz} {a {b: c}}
diff --git a/spec/misc/media_interpolation/options.yml b/spec/misc/media_interpolation/options.yml
diff --git a/spec/scss-tests/123_test_media_interpolation/expected_output.css b/spec/scss-tests/123_test_media_interpolation/expected_output.css
@@ -1,3 +1,5 @@
 @media bar12 {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/scss-tests/123_test_media_interpolation/input.scss b/spec/scss-tests/123_test_media_interpolation/input.scss
@@ -1,2 +1,2 @@
 $baz: 12;
-@media bar#{$baz} {a: b}
+@media bar#{$baz} {a {b: c}}
diff --git a/spec/scss-tests/123_test_media_interpolation/options.yml b/spec/scss-tests/123_test_media_interpolation/options.yml
diff --git a/spec/scss-tests/124_test_script_in_media/expected_output.css b/spec/scss-tests/124_test_script_in_media/expected_output.css
@@ -1,3 +1,5 @@
 @media screen and (-webkit-min-device-pixel-ratio: 20), only print {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/scss-tests/124_test_script_in_media/input.scss b/spec/scss-tests/124_test_script_in_media/input.scss
@@ -2,4 +2,4 @@ $media1: screen;
 $media2: print;
 $var: -webkit-min-device-pixel-ratio;
 $val: 20;
-@media #{$media1} and ($var: $val), only #{$media2} {a: b}
+@media #{$media1} and ($var: $val), only #{$media2} {a {b: c}}
diff --git a/spec/scss-tests/124_test_script_in_media/options.yml b/spec/scss-tests/124_test_script_in_media/options.yml
diff --git a/spec/scss-tests/125_test_script_in_media/expected_output.css b/spec/scss-tests/125_test_script_in_media/expected_output.css
@@ -1,3 +1,5 @@
 @media screen and (-webkit-min-device-pixel-ratio: 13) {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/scss-tests/125_test_script_in_media/input.scss b/spec/scss-tests/125_test_script_in_media/input.scss
@@ -1,2 +1,2 @@
 $vals: 1 2 3;
-@media screen and (-webkit-min-device-pixel-ratio: 5 + 6 + nth($vals, 2)) {a: b}
+@media screen and (-webkit-min-device-pixel-ratio: 5 + 6 + nth($vals, 2)) {a {b: c}}
diff --git a/spec/scss-tests/125_test_script_in_media/options.yml b/spec/scss-tests/125_test_script_in_media/options.yml
diff --git a/spec/scss-tests/126_test_media_interpolation_with_reparse/expected_output.css b/spec/scss-tests/126_test_media_interpolation_with_reparse/expected_output.css
@@ -1,12 +1,20 @@
 @media screen and (max-width: 300px) {
-  a: b;
+  a {
+    b: c;
+  }
 }
 @media screen and (max-width: 300px) {
-  a: b;
+  a {
+    b: c;
+  }
 }
 @media screen and (max-width: 300px) {
-  a: b;
+  a {
+    b: c;
+  }
 }
 @media screen and (max-width: 300px), print and (max-width: 300px) {
-  a: b;
+  a {
+    b: c;
+  }
 }
diff --git a/spec/scss-tests/126_test_media_interpolation_with_reparse/input.scss b/spec/scss-tests/126_test_media_interpolation_with_reparse/input.scss
@@ -1,11 +1,11 @@
 $constraint: "(max-width: 300px)";
 $fragment: "nd #{$constraint}";
 $comma: "een, pri";
-@media screen and #{$constraint} {a: b}
+@media screen and #{$constraint} {a {b: c}}
 @media screen {
-  @media #{$constraint} {a: b}
+  @media #{$constraint} {a {b: c}}
 }
-@media screen a#{$fragment} {a: b}
+@media screen a#{$fragment} {a {b: c}}
 @media scr#{$comma}nt {
-  @media #{$constraint} {a: b}
+  @media #{$constraint} {a {b: c}}
 }
diff --git a/spec/scss-tests/126_test_media_interpolation_with_reparse/options.yml b/spec/scss-tests/126_test_media_interpolation_with_reparse/options.yml

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-%foo {bar {@media screen {a: b}}}`
	`1`	`+%foo {bar {@media screen {a {b: c}}}}`
`2`	`2`	`.baz {c: d}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
`1`	`1`	`@media screen and (-webkit-min-device-pixel-ratio: 20), only print {`
`2`		`- a: b;`
	`2`	`+ a {`
	`3`	`+ b: c;`
	`4`	`+ }`
`3`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
`1`	`1`	`@media bar12 {`
`2`		`- a: b;`
	`2`	`+ a {`
	`3`	`+ b: c;`
	`4`	`+ }`
`3`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`$baz: 12;`
`2`		`-@media bar#{$baz} {a: b}`
	`2`	`+@media bar#{$baz} {a {b: c}}`