Add more specific error to rem-calc() if a non-numeric value is passed in

diff --git a/scss/util/_unit.scss b/scss/util/_unit.scss
index 613d9c7e20933c8d5d625a0ba8dbd21acb0ef679..2004a858d127dc4a15c5b0f3dba0c9dd14ee33f4 100644 (file)
--- a/scss/util/_unit.scss
+++ b/scss/util/_unit.scss
@@ -70,11 +70,21 @@ $global-font-size: 100% !default;
 ///
 /// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
 @function -zf-to-rem($value, $base: null) {
+  // Check if the value is a number
+  @if type-of($value) != 'number' {
+    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+    @return $value;
+  }
+  
   // Calculate rem if units for $value is not rem
-  @if (unit($value) != 'rem') {
+  @if unit($value) != 'rem' {
     $value: strip-unit($value) / strip-unit($base) * 1rem;
   }
+
   // Turn 0rem into 0
-  @if ($value == 0rem) { $value: 0; }
+  @if $value == 0rem {
+    $value: 0;
+  }
+
   @return $value;
 }