From af9ca0aa516509e6a64d03ed5eb52bbf3a70ef26 Mon Sep 17 00:00:00 2001
From: Sam Richard <snugug@google.com>
Date: Sun, 14 Aug 2022 05:33:29 -0400
Subject: [PATCH] Upgrade controls to current Sass output specs

---
 tests/controls/01_pixel.css                   | 24 ++++----
 tests/controls/02_pixel_to_em.css             | 16 +++---
 tests/controls/03_feature_values.css          | 56 +++++++++----------
 tests/controls/04_min_max.css                 | 16 +++---
 tests/controls/05_min_max_feature.css         | 48 ++++++++--------
 tests/controls/06_multidemensional.css        | 16 +++---
 tests/controls/07_basic_or.css                | 28 +++++-----
 tests/controls/08_one_sided_feature.css       | 40 ++++++-------
 tests/controls/09_not.css                     | 16 +++---
 tests/controls/10_double_string.css           | 24 ++++----
 tests/controls/11_legacy_syntax.css           |  8 +--
 tests/controls/12_breakpoint_resolutions.css  | 10 ++--
 tests/controls/13_context_simple.css          | 18 +++---
 tests/controls/15_no_query_fallback.css       |  8 +--
 tests/controls/16_media.css                   | 48 ++++++++--------
 tests/controls/18_pixel-memo.css              | 24 ++++----
 tests/controls/19_pixel_to_em-memo.css        | 16 +++---
 tests/controls/20_feature_values-memo.css     | 56 +++++++++----------
 tests/controls/21_min_max-memo.css            | 16 +++---
 tests/controls/22_min_max_feature-memo.css    | 48 ++++++++--------
 tests/controls/23_multidemensional-memo.css   | 16 +++---
 tests/controls/24_basic_or-memo.css           | 28 +++++-----
 tests/controls/25_one_sided_feature-memo.css  | 40 ++++++-------
 tests/controls/26_not-memo.css                | 16 +++---
 tests/controls/27_double_string-memo.css      | 24 ++++----
 tests/controls/28_legacy_syntax-memo.css      |  8 +--
 .../29_breakpoint_resolutions-memo.css        | 10 ++--
 tests/controls/30_context_simple-memo.css     | 18 +++---
 tests/controls/32_no_query_fallback-memo.css  |  8 +--
 tests/controls/33_media-memo.css              | 48 ++++++++--------
 30 files changed, 376 insertions(+), 376 deletions(-)

diff --git a/tests/controls/01_pixel.css b/tests/controls/01_pixel.css
index 192b2c5..74c7e12 100644
--- a/tests/controls/01_pixel.css
+++ b/tests/controls/01_pixel.css
@@ -6,37 +6,37 @@
  */
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
diff --git a/tests/controls/02_pixel_to_em.css b/tests/controls/02_pixel_to_em.css
index d740537..edf46a1 100644
--- a/tests/controls/02_pixel_to_em.css
+++ b/tests/controls/02_pixel_to_em.css
@@ -1,25 +1,25 @@
 /* @include breakpoint-set('to ems', true); */
 @media (min-width: 31.25em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 31.25em)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 31.25em)";
   }
 }
 @media (min-width: 30em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 31.25em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 31.25em)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 31.25em)";
   }
 }
 @media (min-width: 30em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
diff --git a/tests/controls/03_feature_values.css b/tests/controls/03_feature_values.css
index d744694..66082f5 100644
--- a/tests/controls/03_feature_values.css
+++ b/tests/controls/03_feature_values.css
@@ -7,86 +7,86 @@
  */
 @media (height: 500px) {
   .foo {
-    content: '$feature-first';
-    content: '@media (height: 500px)';
+    content: "$feature-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$value-first';
-    content: '@media (height: 500px)';
+    content: "$value-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (lion: 500px) {
   .foo {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 500px)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 500px)";
   }
 }
 @media (orientation: portrait) {
   .foo {
-    content: '$feature-value-both-strings';
-    content: '@media (orientation: portrait)';
+    content: "$feature-value-both-strings";
+    content: "@media (orientation: portrait)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$feature-first';
-    content: '@media (height: 500px)';
+    content: "$feature-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$value-first';
-    content: '@media (height: 500px)';
+    content: "$value-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (lion: 500px) {
   .foo {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 500px)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 500px)";
   }
 }
 @media (orientation: portrait) {
   .foo {
-    content: '$feature-value-both-strings';
-    content: '@media (orientation: portrait)';
+    content: "$feature-value-both-strings";
+    content: "@media (orientation: portrait)";
   }
 }
 
 @media (height: 31.25em) {
   .bar {
-    content: '$feature-first';
-    content: '@media (height: 31.25em)';
+    content: "$feature-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (height: 31.25em) {
   .bar {
-    content: '$value-first';
-    content: '@media (height: 31.25em)';
+    content: "$value-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (lion: 31.25em) {
   .bar {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 31.25em)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 31.25em)";
   }
 }
 @media (height: 31.25em) {
   .bar {
-    content: '$feature-first';
-    content: '@media (height: 31.25em)';
+    content: "$feature-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (height: 31.25em) {
   .bar {
-    content: '$value-first';
-    content: '@media (height: 31.25em)';
+    content: "$value-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (lion: 31.25em) {
   .bar {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 31.25em)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 31.25em)";
   }
 }
diff --git a/tests/controls/04_min_max.css b/tests/controls/04_min_max.css
index 7162fa9..1a50346 100644
--- a/tests/controls/04_min_max.css
+++ b/tests/controls/04_min_max.css
@@ -5,26 +5,26 @@
  */
 @media (min-width: 500px) and (max-width: 700px) {
   .foo {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media (min-width: 500px) and (max-width: 700px) {
   .foo {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 500px) and (max-width: 700px)";
   }
 }
 
 @media (min-width: 31.25em) and (max-width: 43.75em) {
   .bar {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
   }
 }
 @media (min-width: 31.25em) and (max-width: 43.75em) {
   .bar {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
   }
 }
diff --git a/tests/controls/05_min_max_feature.css b/tests/controls/05_min_max_feature.css
index 6b0a9b4..c684313 100644
--- a/tests/controls/05_min_max_feature.css
+++ b/tests/controls/05_min_max_feature.css
@@ -7,75 +7,75 @@
  */
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$feature-min-max';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$min-max-feature';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 300px) and (max-lion: 700px)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 300px) and (max-lion: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$feature-min-max';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$min-max-feature';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 300px) and (max-lion: 700px)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 300px) and (max-lion: 700px)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (min-height: 18.75em) and (max-height: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$feature-min-max';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-height: 18.75em) and (max-height: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$min-max-feature';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-lion: 18.75em) and (max-lion: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
   }
 }
 @media (min-height: 18.75em) and (max-height: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$feature-min-max';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-height: 18.75em) and (max-height: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$min-max-feature';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-lion: 18.75em) and (max-lion: 43.75em) {
   .min-max-feature-to-ems {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
   }
 }
diff --git a/tests/controls/06_multidemensional.css b/tests/controls/06_multidemensional.css
index e27bb82..16deee5 100644
--- a/tests/controls/06_multidemensional.css
+++ b/tests/controls/06_multidemensional.css
@@ -5,27 +5,27 @@
  */
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional {
-    content: '$multidimensional';
-    content: '@media (height: 500px) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 500px) and (orientation: portrait)";
   }
 }
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional {
-    content: '$multidimensional';
-    content: '@media (height: 500px) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 500px) and (orientation: portrait)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (height: 31.25em) and (orientation: portrait) {
   .multidimensional-to-ems {
-    content: '$multidimensional';
-    content: '@media (height: 31.25em) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 31.25em) and (orientation: portrait)";
   }
 }
 @media (height: 31.25em) and (orientation: portrait) {
   .multidimensional-to-ems {
-    content: '$multidimensional';
-    content: '@media (height: 31.25em) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 31.25em) and (orientation: portrait)";
   }
 }
diff --git a/tests/controls/07_basic_or.css b/tests/controls/07_basic_or.css
index 2ae59a9..a13c88a 100644
--- a/tests/controls/07_basic_or.css
+++ b/tests/controls/07_basic_or.css
@@ -6,46 +6,46 @@
  */
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or {
-    content: '$basic-or';
-    content: '@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)';
+    content: "$basic-or";
+    content: "@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or {
-    content: '$basic-or';
-    content: '@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)';
+    content: "$basic-or";
+    content: "@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)";
   }
 }
 
 @media (min-width: 500px), tv and (min-width: 700px) and (color) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (max-width: 21.875em), (min-width: 31.25em) and (max-width: 37.5em) {
   .basic-or-to-ems {
-    content: '$basic-or';
-    content: '@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)";
   }
 }
 @media (max-width: 21.875em), (min-width: 31.25em) and (max-width: 37.5em) {
   .basic-or-to-ems {
-    content: '$basic-or';
-    content: '@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)";
   }
 }
diff --git a/tests/controls/08_one_sided_feature.css b/tests/controls/08_one_sided_feature.css
index 9397bc5..464f43e 100644
--- a/tests/controls/08_one_sided_feature.css
+++ b/tests/controls/08_one_sided_feature.css
@@ -6,63 +6,63 @@
  */
 @media (monochrome) {
   .one-sided {
-    content: '$monochrome';
-    content: '@media (monochrome)';
+    content: "$monochrome";
+    content: "@media (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 300px) {
   .one-sided {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 300px)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 300px)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 500px) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 500px) and (orientation: portrait) and (monochrome)";
   }
 }
 @media (monochrome) {
   .one-sided {
-    content: '$monochrome';
-    content: '@media (monochrome)';
+    content: "$monochrome";
+    content: "@media (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 300px) {
   .one-sided {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 300px)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 300px)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 500px) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 500px) and (orientation: portrait) and (monochrome)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (monochrome) and (min-width: 18.75em) {
   .one-sided-to-ems {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 18.75em)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 18.75em)";
   }
 }
 @media (height: 31.25em) and (orientation: portrait) and (monochrome) {
   .one-sided-to-ems {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 31.25em) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 31.25em) and (orientation: portrait) and (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 18.75em) {
   .one-sided-to-ems {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 18.75em)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 18.75em)";
   }
 }
 @media (height: 31.25em) and (orientation: portrait) and (monochrome) {
   .one-sided-to-ems {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 31.25em) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 31.25em) and (orientation: portrait) and (monochrome)";
   }
 }
diff --git a/tests/controls/09_not.css b/tests/controls/09_not.css
index fcf1e79..f5cd3e4 100644
--- a/tests/controls/09_not.css
+++ b/tests/controls/09_not.css
@@ -4,25 +4,25 @@
  */
 @media not screen {
   .not {
-    content: '$not';
-    content: '@media not screen';
+    content: "$not";
+    content: "@media not screen";
   }
 }
 @media not tv and (min-width: 500px) {
   .not {
-    content: '$not-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$not-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media not screen {
   .not {
-    content: '$not';
-    content: '@media not screen';
+    content: "$not";
+    content: "@media not screen";
   }
 }
 @media not tv and (min-width: 500px) {
   .not {
-    content: '$not-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$not-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
diff --git a/tests/controls/10_double_string.css b/tests/controls/10_double_string.css
index 5ff25af..6e6a579 100644
--- a/tests/controls/10_double_string.css
+++ b/tests/controls/10_double_string.css
@@ -3,27 +3,27 @@
  * $aspect-ratio : min-aspect-ratio 300/250;
  * $device-aspect-ratio : max-device-aspect-ratio 320/480;
  */
-@media (min-aspect-ratio: 300 / 250) {
+@media (min-aspect-ratio: 300/250) {
   .aspect-ratio {
-    content: '$aspect-ratio';
-    content: '@media (min-aspect-ratio: 300/250)';
+    content: "$aspect-ratio";
+    content: "@media (min-aspect-ratio: 300/250)";
   }
 }
-@media (max-device-aspect-ratio: 320 / 480) {
+@media (max-device-aspect-ratio: 320/480) {
   .aspect-ratio {
-    content: '$device-aspect-ratio';
-    content: '@media (max-device-pixel-ratio: 320/480)';
+    content: "$device-aspect-ratio";
+    content: "@media (max-device-pixel-ratio: 320/480)";
   }
 }
-@media (min-aspect-ratio: 300 / 250) {
+@media (min-aspect-ratio: 300/250) {
   .aspect-ratio {
-    content: '$aspect-ratio';
-    content: '@media (min-aspect-ratio: 300/250)';
+    content: "$aspect-ratio";
+    content: "@media (min-aspect-ratio: 300/250)";
   }
 }
-@media (max-device-aspect-ratio: 320 / 480) {
+@media (max-device-aspect-ratio: 320/480) {
   .aspect-ratio {
-    content: '$device-aspect-ratio';
-    content: '@media (max-device-pixel-ratio: 320/480)';
+    content: "$device-aspect-ratio";
+    content: "@media (max-device-pixel-ratio: 320/480)";
   }
 }
diff --git a/tests/controls/11_legacy_syntax.css b/tests/controls/11_legacy_syntax.css
index dec4678..8af8135 100644
--- a/tests/controls/11_legacy_syntax.css
+++ b/tests/controls/11_legacy_syntax.css
@@ -3,13 +3,13 @@
  */
 @media not screen and (min-width: 500px) {
   .legacy {
-    content: '$legacy';
-    content: '@media not screen and (min-width: 500px)';
+    content: "$legacy";
+    content: "@media not screen and (min-width: 500px)";
   }
 }
 @media not screen and (min-width: 500px) {
   .legacy {
-    content: '$legacy';
-    content: '@media not screen and (min-width: 500px)';
+    content: "$legacy";
+    content: "@media not screen and (min-width: 500px)";
   }
 }
diff --git a/tests/controls/12_breakpoint_resolutions.css b/tests/controls/12_breakpoint_resolutions.css
index 7957f2d..4023665 100644
--- a/tests/controls/12_breakpoint_resolutions.css
+++ b/tests/controls/12_breakpoint_resolutions.css
@@ -6,30 +6,30 @@
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
 @media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
   .resolution {
     content: "min-resolution" 192dpi;
-    content: '@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)';
+    content: "@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)";
   }
 }
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
 @media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
   .resolution {
     content: "min-resolution" 192dpi;
-    content: '@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)';
+    content: "@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)";
   }
 }
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
diff --git a/tests/controls/13_context_simple.css b/tests/controls/13_context_simple.css
index ef50719..b775712 100644
--- a/tests/controls/13_context_simple.css
+++ b/tests/controls/13_context_simple.css
@@ -12,51 +12,51 @@
  */
 @media (min-width: 500px) {
   .context {
-    content: '@media (min-width: 500px)';
+    content: "@media (min-width: 500px)";
     -min-width: 500px;
   }
 }
 @media (monochrome) {
   .context {
-    content: '@media (monochrome)';
+    content: "@media (monochrome)";
     -monochrome: monochrome;
   }
 }
 @media (min-width: 500px) and (max-width: 700px) {
   .context {
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "@media (min-width: 500px) and (max-width: 700px)";
     -min-width: 500px;
     -max-width: 700px;
   }
 }
 @media (max-width: 700px) {
   .context {
-    content: '@media (max-width: 700px)';
+    content: "@media (max-width: 700px)";
     -max-width: 700px;
   }
 }
 @media (orientation: portrait) {
   .context {
-    content: '@media (orientation: portrait)';
+    content: "@media (orientation: portrait)";
     -orientation: portrait;
   }
 }
 @media (min-height: 800px) and (max-height: 1000px) {
   .context {
-    content: '@media (min-height: 800px) and (max-height: 1000px)';
+    content: "@media (min-height: 800px) and (max-height: 1000px)";
     -min-height: 800px;
     -max-height: 1000px;
   }
 }
 @media print {
   .context {
-    content: '@media print';
+    content: "@media print";
     -media: print;
   }
 }
 @media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px) {
   .context {
-    content: '@media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px)';
+    content: "@media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px)";
     -min-width: 500px 600px;
     -max-width: false 700px;
     -max-height: 1200px false;
@@ -65,7 +65,7 @@
 }
 @media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px) {
   .context {
-    content: '@media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px)';
+    content: "@media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px)";
     -min-width: 500px 500px 300px;
     -max-width: false 700px false;
     -media: all screen all;
diff --git a/tests/controls/15_no_query_fallback.css b/tests/controls/15_no_query_fallback.css
index 4f9b774..3df2153 100644
--- a/tests/controls/15_no_query_fallback.css
+++ b/tests/controls/15_no_query_fallback.css
@@ -5,12 +5,12 @@
  * Legacy syntax
  */
 .no-mq .legacy {
-  content: '$legacy';
-  content: '@media not screen and (min-width: 500px)';
+  content: "$legacy";
+  content: "@media not screen and (min-width: 500px)";
 }
 .no-mq .legacy {
-  content: '$legacy';
-  content: '@media not screen and (min-width: 500px)';
+  content: "$legacy";
+  content: "@media not screen and (min-width: 500px)";
 }
 
 /*
diff --git a/tests/controls/16_media.css b/tests/controls/16_media.css
index b9ec28a..c7c6606 100644
--- a/tests/controls/16_media.css
+++ b/tests/controls/16_media.css
@@ -9,73 +9,73 @@
  */
 @media tv {
   .media {
-    content: '$simple-media';
-    content: '@media tv';
+    content: "$simple-media";
+    content: "@media tv";
   }
 }
 @media tv and (min-width: 500px) {
   .media {
-    content: '$media-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$media-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media tv and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-plus-fence';
-    content: '@media tv and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-plus-fence";
+    content: "@media tv and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media only print {
   .media {
-    content: '$media-only';
-    content: '@media only print';
+    content: "$media-only";
+    content: "@media only print";
   }
 }
 @media not print {
   .media {
-    content: '$media-not)';
-    content: '@media not print';
+    content: "$media-not)";
+    content: "@media not print";
   }
 }
 @media not print and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-not-plus-fenced';
-    content: '@media not print and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-not-plus-fenced";
+    content: "@media not print and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media tv {
   .media {
-    content: '$simple-media';
-    content: '@media tv';
+    content: "$simple-media";
+    content: "@media tv";
   }
 }
 @media tv and (min-width: 500px) {
   .media {
-    content: '$media-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$media-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media tv and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-plus-fence';
-    content: '@media tv and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-plus-fence";
+    content: "@media tv and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media only print {
   .media {
-    content: '$media-only';
-    content: '@media only print';
+    content: "$media-only";
+    content: "@media only print";
   }
 }
 @media not print {
   .media {
-    content: '$media-not)';
-    content: '@media not print';
+    content: "$media-not)";
+    content: "@media not print";
   }
 }
 @media not print and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-not-plus-fenced';
-    content: '@media not print and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-not-plus-fenced";
+    content: "@media not print and (min-width: 500px) and (max-width: 700px)";
   }
 }
diff --git a/tests/controls/18_pixel-memo.css b/tests/controls/18_pixel-memo.css
index 192b2c5..74c7e12 100644
--- a/tests/controls/18_pixel-memo.css
+++ b/tests/controls/18_pixel-memo.css
@@ -6,37 +6,37 @@
  */
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 500px) {
   .foo {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 500px)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 500px)";
   }
 }
 @media (min-width: 30em) {
   .foo {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
diff --git a/tests/controls/19_pixel_to_em-memo.css b/tests/controls/19_pixel_to_em-memo.css
index d740537..edf46a1 100644
--- a/tests/controls/19_pixel_to_em-memo.css
+++ b/tests/controls/19_pixel_to_em-memo.css
@@ -1,25 +1,25 @@
 /* @include breakpoint-set('to ems', true); */
 @media (min-width: 31.25em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 31.25em)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 31.25em)";
   }
 }
 @media (min-width: 30em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
 @media (min-width: 31.25em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-pixel-value';
-    content: '@media (min-width: 31.25em)';
+    content: "$single-pixel-value";
+    content: "@media (min-width: 31.25em)";
   }
 }
 @media (min-width: 30em) {
   .breakpoint-default-feature-to-ems {
-    content: '$single-em-value';
-    content: '@media (min-width: 30em)';
+    content: "$single-em-value";
+    content: "@media (min-width: 30em)";
   }
 }
diff --git a/tests/controls/20_feature_values-memo.css b/tests/controls/20_feature_values-memo.css
index de15e5e..41153e4 100644
--- a/tests/controls/20_feature_values-memo.css
+++ b/tests/controls/20_feature_values-memo.css
@@ -7,86 +7,86 @@
  */
 @media (height: 500px) {
   .foo {
-    content: '$feature-first';
-    content: '@media (height: 500px)';
+    content: "$feature-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$value-first';
-    content: '@media (height: 500px)';
+    content: "$value-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (lion: 500px) {
   .foo {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 500px)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 500px)";
   }
 }
 @media (orientation: portrait) {
   .foo {
-    content: '$feature-value-both-strings';
-    content: '@media (orientation: portrait)';
+    content: "$feature-value-both-strings";
+    content: "@media (orientation: portrait)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$feature-first';
-    content: '@media (height: 500px)';
+    content: "$feature-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (height: 500px) {
   .foo {
-    content: '$value-first';
-    content: '@media (height: 500px)';
+    content: "$value-first";
+    content: "@media (height: 500px)";
   }
 }
 @media (lion: 500px) {
   .foo {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 500px)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 500px)";
   }
 }
 @media (orientation: portrait) {
   .foo {
-    content: '$feature-value-both-strings';
-    content: '@media (orientation: portrait)';
+    content: "$feature-value-both-strings";
+    content: "@media (orientation: portrait)";
   }
 }
 
 @media (height: 500px) {
   .bar {
-    content: '$feature-first';
-    content: '@media (height: 31.25em)';
+    content: "$feature-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (height: 500px) {
   .bar {
-    content: '$value-first';
-    content: '@media (height: 31.25em)';
+    content: "$value-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (lion: 500px) {
   .bar {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 31.25em)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 31.25em)";
   }
 }
 @media (height: 500px) {
   .bar {
-    content: '$feature-first';
-    content: '@media (height: 31.25em)';
+    content: "$feature-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (height: 500px) {
   .bar {
-    content: '$value-first';
-    content: '@media (height: 31.25em)';
+    content: "$value-first";
+    content: "@media (height: 31.25em)";
   }
 }
 @media (lion: 500px) {
   .bar {
-    content: '$arbitrary-feature';
-    content: '@media (lion: 31.25em)';
+    content: "$arbitrary-feature";
+    content: "@media (lion: 31.25em)";
   }
 }
diff --git a/tests/controls/21_min_max-memo.css b/tests/controls/21_min_max-memo.css
index 7fb44f6..f9ddd62 100644
--- a/tests/controls/21_min_max-memo.css
+++ b/tests/controls/21_min_max-memo.css
@@ -5,26 +5,26 @@
  */
 @media (min-width: 500px) and (max-width: 700px) {
   .foo {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media (min-width: 500px) and (max-width: 700px) {
   .foo {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 500px) and (max-width: 700px)";
   }
 }
 
 @media (min-width: 500px) and (max-width: 700px) {
   .bar {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
   }
 }
 @media (min-width: 500px) and (max-width: 700px) {
   .bar {
-    content: '$min-max-default-feature';
-    content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
+    content: "$min-max-default-feature";
+    content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
   }
 }
diff --git a/tests/controls/22_min_max_feature-memo.css b/tests/controls/22_min_max_feature-memo.css
index 1a719bd..19bc4a3 100644
--- a/tests/controls/22_min_max_feature-memo.css
+++ b/tests/controls/22_min_max_feature-memo.css
@@ -7,75 +7,75 @@
  */
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$feature-min-max';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$min-max-feature';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 300px) and (max-lion: 700px)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 300px) and (max-lion: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$feature-min-max';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature {
-    content: '$min-max-feature';
-    content: '@media (min-height: 300px) and (max-height: 700px)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 300px) and (max-height: 700px)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 300px) and (max-lion: 700px)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 300px) and (max-lion: 700px)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature-to-ems {
-    content: '$feature-min-max';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature-to-ems {
-    content: '$min-max-feature';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature-to-ems {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature-to-ems {
-    content: '$feature-min-max';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$feature-min-max";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-height: 300px) and (max-height: 700px) {
   .min-max-feature-to-ems {
-    content: '$min-max-feature';
-    content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
+    content: "$min-max-feature";
+    content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
   }
 }
 @media (min-lion: 300px) and (max-lion: 700px) {
   .min-max-feature-to-ems {
-    content: '$arbitrary-feature-min-max';
-    content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
+    content: "$arbitrary-feature-min-max";
+    content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
   }
 }
diff --git a/tests/controls/23_multidemensional-memo.css b/tests/controls/23_multidemensional-memo.css
index e8cd2da..a7693a4 100644
--- a/tests/controls/23_multidemensional-memo.css
+++ b/tests/controls/23_multidemensional-memo.css
@@ -5,27 +5,27 @@
  */
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional {
-    content: '$multidimensional';
-    content: '@media (height: 500px) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 500px) and (orientation: portrait)";
   }
 }
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional {
-    content: '$multidimensional';
-    content: '@media (height: 500px) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 500px) and (orientation: portrait)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional-to-ems {
-    content: '$multidimensional';
-    content: '@media (height: 31.25em) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 31.25em) and (orientation: portrait)";
   }
 }
 @media (height: 500px) and (orientation: portrait) {
   .multidimensional-to-ems {
-    content: '$multidimensional';
-    content: '@media (height: 31.25em) and (orientation: portrait)';
+    content: "$multidimensional";
+    content: "@media (height: 31.25em) and (orientation: portrait)";
   }
 }
diff --git a/tests/controls/24_basic_or-memo.css b/tests/controls/24_basic_or-memo.css
index d854b92..a2a5d5d 100644
--- a/tests/controls/24_basic_or-memo.css
+++ b/tests/controls/24_basic_or-memo.css
@@ -6,46 +6,46 @@
  */
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or {
-    content: '$basic-or';
-    content: '@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)';
+    content: "$basic-or";
+    content: "@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or {
-    content: '$basic-or';
-    content: '@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)';
+    content: "$basic-or";
+    content: "@media (max-width: 350px), (min-width: 500px) and (max-width: 600px)";
   }
 }
 
 @media (min-width: 500px), tv and (min-width: 700px) and (color) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-media {
-    content: '$basic-or';
-    content: '@media (min-width: 500px), tv and (min-width: 700px) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 500px), tv and (min-width: 700px) and (color)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-to-ems {
-    content: '$basic-or';
-    content: '@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)";
   }
 }
 @media (max-width: 350px), (min-width: 500px) and (max-width: 600px) {
   .basic-or-to-ems {
-    content: '$basic-or';
-    content: '@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)';
+    content: "$basic-or";
+    content: "@media (min-width: 31.25em), tv and (min-width: 43.75em) and (color)";
   }
 }
diff --git a/tests/controls/25_one_sided_feature-memo.css b/tests/controls/25_one_sided_feature-memo.css
index 310940a..5e608e4 100644
--- a/tests/controls/25_one_sided_feature-memo.css
+++ b/tests/controls/25_one_sided_feature-memo.css
@@ -6,63 +6,63 @@
  */
 @media (monochrome) {
   .one-sided {
-    content: '$monochrome';
-    content: '@media (monochrome)';
+    content: "$monochrome";
+    content: "@media (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 300px) {
   .one-sided {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 300px)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 300px)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 500px) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 500px) and (orientation: portrait) and (monochrome)";
   }
 }
 @media (monochrome) {
   .one-sided {
-    content: '$monochrome';
-    content: '@media (monochrome)';
+    content: "$monochrome";
+    content: "@media (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 300px) {
   .one-sided {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 300px)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 300px)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 500px) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 500px) and (orientation: portrait) and (monochrome)";
   }
 }
 
 /* @include breakpoint-set('to ems', true); */
 @media (monochrome) and (min-width: 300px) {
   .one-sided-to-ems {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 18.75em)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 18.75em)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided-to-ems {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 31.25em) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 31.25em) and (orientation: portrait) and (monochrome)";
   }
 }
 @media (monochrome) and (min-width: 300px) {
   .one-sided-to-ems {
-    content: '$monochrome-double';
-    content: '@media (monochrome) and (min-width: 18.75em)';
+    content: "$monochrome-double";
+    content: "@media (monochrome) and (min-width: 18.75em)";
   }
 }
 @media (height: 500px) and (orientation: portrait) and (monochrome) {
   .one-sided-to-ems {
-    content: '$multidimensional-plus-one-sided';
-    content: '@media (height: 31.25em) and (orientation: portrait) and (monochrome)';
+    content: "$multidimensional-plus-one-sided";
+    content: "@media (height: 31.25em) and (orientation: portrait) and (monochrome)";
   }
 }
diff --git a/tests/controls/26_not-memo.css b/tests/controls/26_not-memo.css
index fcf1e79..f5cd3e4 100644
--- a/tests/controls/26_not-memo.css
+++ b/tests/controls/26_not-memo.css
@@ -4,25 +4,25 @@
  */
 @media not screen {
   .not {
-    content: '$not';
-    content: '@media not screen';
+    content: "$not";
+    content: "@media not screen";
   }
 }
 @media not tv and (min-width: 500px) {
   .not {
-    content: '$not-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$not-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media not screen {
   .not {
-    content: '$not';
-    content: '@media not screen';
+    content: "$not";
+    content: "@media not screen";
   }
 }
 @media not tv and (min-width: 500px) {
   .not {
-    content: '$not-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$not-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
diff --git a/tests/controls/27_double_string-memo.css b/tests/controls/27_double_string-memo.css
index 5ff25af..6e6a579 100644
--- a/tests/controls/27_double_string-memo.css
+++ b/tests/controls/27_double_string-memo.css
@@ -3,27 +3,27 @@
  * $aspect-ratio : min-aspect-ratio 300/250;
  * $device-aspect-ratio : max-device-aspect-ratio 320/480;
  */
-@media (min-aspect-ratio: 300 / 250) {
+@media (min-aspect-ratio: 300/250) {
   .aspect-ratio {
-    content: '$aspect-ratio';
-    content: '@media (min-aspect-ratio: 300/250)';
+    content: "$aspect-ratio";
+    content: "@media (min-aspect-ratio: 300/250)";
   }
 }
-@media (max-device-aspect-ratio: 320 / 480) {
+@media (max-device-aspect-ratio: 320/480) {
   .aspect-ratio {
-    content: '$device-aspect-ratio';
-    content: '@media (max-device-pixel-ratio: 320/480)';
+    content: "$device-aspect-ratio";
+    content: "@media (max-device-pixel-ratio: 320/480)";
   }
 }
-@media (min-aspect-ratio: 300 / 250) {
+@media (min-aspect-ratio: 300/250) {
   .aspect-ratio {
-    content: '$aspect-ratio';
-    content: '@media (min-aspect-ratio: 300/250)';
+    content: "$aspect-ratio";
+    content: "@media (min-aspect-ratio: 300/250)";
   }
 }
-@media (max-device-aspect-ratio: 320 / 480) {
+@media (max-device-aspect-ratio: 320/480) {
   .aspect-ratio {
-    content: '$device-aspect-ratio';
-    content: '@media (max-device-pixel-ratio: 320/480)';
+    content: "$device-aspect-ratio";
+    content: "@media (max-device-pixel-ratio: 320/480)";
   }
 }
diff --git a/tests/controls/28_legacy_syntax-memo.css b/tests/controls/28_legacy_syntax-memo.css
index dec4678..8af8135 100644
--- a/tests/controls/28_legacy_syntax-memo.css
+++ b/tests/controls/28_legacy_syntax-memo.css
@@ -3,13 +3,13 @@
  */
 @media not screen and (min-width: 500px) {
   .legacy {
-    content: '$legacy';
-    content: '@media not screen and (min-width: 500px)';
+    content: "$legacy";
+    content: "@media not screen and (min-width: 500px)";
   }
 }
 @media not screen and (min-width: 500px) {
   .legacy {
-    content: '$legacy';
-    content: '@media not screen and (min-width: 500px)';
+    content: "$legacy";
+    content: "@media not screen and (min-width: 500px)";
   }
 }
diff --git a/tests/controls/29_breakpoint_resolutions-memo.css b/tests/controls/29_breakpoint_resolutions-memo.css
index 7957f2d..4023665 100644
--- a/tests/controls/29_breakpoint_resolutions-memo.css
+++ b/tests/controls/29_breakpoint_resolutions-memo.css
@@ -6,30 +6,30 @@
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
 @media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
   .resolution {
     content: "min-resolution" 192dpi;
-    content: '@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)';
+    content: "@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)";
   }
 }
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
 @media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
   .resolution {
     content: "min-resolution" 192dpi;
-    content: '@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)';
+    content: "@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2)";
   }
 }
 @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) {
   .resolution {
     content: "resolution" 2dppx;
-    content: '@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)';
+    content: "@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi)";
   }
 }
diff --git a/tests/controls/30_context_simple-memo.css b/tests/controls/30_context_simple-memo.css
index ef50719..b775712 100644
--- a/tests/controls/30_context_simple-memo.css
+++ b/tests/controls/30_context_simple-memo.css
@@ -12,51 +12,51 @@
  */
 @media (min-width: 500px) {
   .context {
-    content: '@media (min-width: 500px)';
+    content: "@media (min-width: 500px)";
     -min-width: 500px;
   }
 }
 @media (monochrome) {
   .context {
-    content: '@media (monochrome)';
+    content: "@media (monochrome)";
     -monochrome: monochrome;
   }
 }
 @media (min-width: 500px) and (max-width: 700px) {
   .context {
-    content: '@media (min-width: 500px) and (max-width: 700px)';
+    content: "@media (min-width: 500px) and (max-width: 700px)";
     -min-width: 500px;
     -max-width: 700px;
   }
 }
 @media (max-width: 700px) {
   .context {
-    content: '@media (max-width: 700px)';
+    content: "@media (max-width: 700px)";
     -max-width: 700px;
   }
 }
 @media (orientation: portrait) {
   .context {
-    content: '@media (orientation: portrait)';
+    content: "@media (orientation: portrait)";
     -orientation: portrait;
   }
 }
 @media (min-height: 800px) and (max-height: 1000px) {
   .context {
-    content: '@media (min-height: 800px) and (max-height: 1000px)';
+    content: "@media (min-height: 800px) and (max-height: 1000px)";
     -min-height: 800px;
     -max-height: 1000px;
   }
 }
 @media print {
   .context {
-    content: '@media print';
+    content: "@media print";
     -media: print;
   }
 }
 @media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px) {
   .context {
-    content: '@media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px)';
+    content: "@media (min-width: 500px) and (max-height: 1200px), (min-width: 600px) and (max-width: 700px)";
     -min-width: 500px 600px;
     -max-width: false 700px;
     -max-height: 1200px false;
@@ -65,7 +65,7 @@
 }
 @media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px) {
   .context {
-    content: '@media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px)';
+    content: "@media (min-width: 500px), screen and (min-width: 500px) and (max-width: 700px), (monochrome) and (min-width: 300px)";
     -min-width: 500px 500px 300px;
     -max-width: false 700px false;
     -media: all screen all;
diff --git a/tests/controls/32_no_query_fallback-memo.css b/tests/controls/32_no_query_fallback-memo.css
index 4f9b774..3df2153 100644
--- a/tests/controls/32_no_query_fallback-memo.css
+++ b/tests/controls/32_no_query_fallback-memo.css
@@ -5,12 +5,12 @@
  * Legacy syntax
  */
 .no-mq .legacy {
-  content: '$legacy';
-  content: '@media not screen and (min-width: 500px)';
+  content: "$legacy";
+  content: "@media not screen and (min-width: 500px)";
 }
 .no-mq .legacy {
-  content: '$legacy';
-  content: '@media not screen and (min-width: 500px)';
+  content: "$legacy";
+  content: "@media not screen and (min-width: 500px)";
 }
 
 /*
diff --git a/tests/controls/33_media-memo.css b/tests/controls/33_media-memo.css
index b9ec28a..c7c6606 100644
--- a/tests/controls/33_media-memo.css
+++ b/tests/controls/33_media-memo.css
@@ -9,73 +9,73 @@
  */
 @media tv {
   .media {
-    content: '$simple-media';
-    content: '@media tv';
+    content: "$simple-media";
+    content: "@media tv";
   }
 }
 @media tv and (min-width: 500px) {
   .media {
-    content: '$media-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$media-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media tv and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-plus-fence';
-    content: '@media tv and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-plus-fence";
+    content: "@media tv and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media only print {
   .media {
-    content: '$media-only';
-    content: '@media only print';
+    content: "$media-only";
+    content: "@media only print";
   }
 }
 @media not print {
   .media {
-    content: '$media-not)';
-    content: '@media not print';
+    content: "$media-not)";
+    content: "@media not print";
   }
 }
 @media not print and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-not-plus-fenced';
-    content: '@media not print and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-not-plus-fenced";
+    content: "@media not print and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media tv {
   .media {
-    content: '$simple-media';
-    content: '@media tv';
+    content: "$simple-media";
+    content: "@media tv";
   }
 }
 @media tv and (min-width: 500px) {
   .media {
-    content: '$media-plus-default';
-    content: '@media not tv and (min-width: 500px)';
+    content: "$media-plus-default";
+    content: "@media not tv and (min-width: 500px)";
   }
 }
 @media tv and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-plus-fence';
-    content: '@media tv and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-plus-fence";
+    content: "@media tv and (min-width: 500px) and (max-width: 700px)";
   }
 }
 @media only print {
   .media {
-    content: '$media-only';
-    content: '@media only print';
+    content: "$media-only";
+    content: "@media only print";
   }
 }
 @media not print {
   .media {
-    content: '$media-not)';
-    content: '@media not print';
+    content: "$media-not)";
+    content: "@media not print";
   }
 }
 @media not print and (min-width: 500px) and (max-width: 700px) {
   .media {
-    content: '$media-not-plus-fenced';
-    content: '@media not print and (min-width: 500px) and (max-width: 700px)';
+    content: "$media-not-plus-fenced";
+    content: "@media not print and (min-width: 500px) and (max-width: 700px)";
   }
 }