When converting breakpoints to ems, always use a 16px base

diff --git a/scss/_global.scss b/scss/_global.scss
index fdc65081b3ebad30f0ac72440b711a232285fc7d..34053d175da80682e12b8eefe6a185261e399138 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -118,8 +118,7 @@ $foundation-colors: (
     font-family: '#{-zf-bp-serialize($breakpoints)}';
   }
 
-  html,
-  body {
+  html {
     font-size: $global-font-size;
     box-sizing: border-box;
   }

diff --git a/scss/util/_unit.scss b/scss/util/_unit.scss
index 1193add21a91c7e07819e6429bc6c06c9dc96096..245b572f37e5ea26d4a36882826c3d6978f7b7aa 100644 (file)
--- a/scss/util/_unit.scss
+++ b/scss/util/_unit.scss
@@ -52,7 +52,7 @@ $global-font-size: 100% !default;
 @function -zf-bp-to-em($value) {
   // Pixel and unitless values are converted to rems
   @if unit($value) == 'px' or unitless($value) {
-    $value: rem-calc($value);
+    $value: rem-calc($value, $base: 16px);
   }
 
   // Then the value is converted to ems