From: James W. Lane III <james.w.lane@fueledbydreams.com>
Date: Fri, 27 Jun 2014 20:18:23 +0000 (-0500)
Subject: Fix for Incompatible units: 'rem' and 'px'
X-Git-Tag: v5.3.1~12^2~10^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F5391%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix for Incompatible units: 'rem' and 'px'

When setting a size for the switch heights, the defaults are set in rem and comparing it to px is causing a syntax error. So I switched it to use the rem-calc() mixin to resolve the error.
---

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index a9d7a20be..631ac9e0d 100644
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -1062,10 +1062,10 @@
 // $switch-bg: #fff;
 
 // We use these to control the switch heights for our default classes
-// $switch-height-tny: 22px;
-// $switch-height-sml: 28px;
-// $switch-height-med: 36px;
-// $switch-height-lrg: 44px;
+// $switch-height-tny: rem-calc(22);
+// $switch-height-sml: rem-calc(28);
+// $switch-height-med: rem-calc(36);
+// $switch-height-lrg: rem-calc(44);
 // $switch-bottom-margin: rem-calc(20);
 
 // We use these to control default font sizes for our classes.