From 01cf9ca5b5590b34c157685eaab3ae24aceffb87 Mon Sep 17 00:00:00 2001
From: rschamp <rschamp@media.mit.edu>
Date: Tue, 4 Aug 2020 13:04:25 -0400
Subject: [PATCH] Fix bad variable interpolation/calculation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This used to work, even though it shouldn’t have. Upgrading node-sass caused our breakpoints to … break
---
 src/_frameless.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/_frameless.scss b/src/_frameless.scss
index fb90c97da..946a1e952 100644
--- a/src/_frameless.scss
+++ b/src/_frameless.scss
@@ -48,20 +48,20 @@ $mobile: 480px;
 *          ... intermediate-and-smaller |
 */
 
-$small: "only screen and (max-width : #{$mobile}-1)";
-$medium: "only screen and (min-width : #{$mobile}) and (max-width : #{$tabletPortrait}-1)";
-$intermediate: "only screen and (min-width : #{$tabletPortrait}) and (max-width : #{$desktop}-1)";
+$small: "only screen and (max-width : #{$mobile - 1})";
+$medium: "only screen and (min-width : #{$mobile}) and (max-width : #{$tabletPortrait - 1})";
+$intermediate: "only screen and (min-width : #{$tabletPortrait}) and (max-width : #{$desktop - 1})";
 $big: "only screen and (min-width : #{$desktop})";
 
-$medium-and-smaller: "only screen and (max-width : #{$tabletPortrait}-1)";
-$intermediate-and-smaller: "only screen and (max-width : #{$desktop}-1)";
+$medium-and-smaller: "only screen and (max-width : #{$tabletPortrait - 1})";
+$intermediate-and-smaller: "only screen and (max-width : #{$desktop - 1})";
 
-$medium-and-intermediate: "only screen and (min-width : #{$mobile}) and (max-width : #{$desktop}-1)";
+$medium-and-intermediate: "only screen and (min-width : #{$mobile}) and (max-width : #{$desktop - 1})";
 
 /* Height */
 
-$small-height: "only screen and (max-height : #{$mobile} - 1)";
-$medium-height: "only screen and (min-height : #{$mobile}) and (max-height : #{$tabletPortrait} - 1)";
+$small-height: "only screen and (max-height : #{$mobile - 1})";
+$medium-height: "only screen and (min-height : #{$mobile}) and (max-height : #{$tabletPortrait - 1})";
 
 
 //