Solve down and only keyword issue by getting the first value

diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index efe0ff084649876cbdd8024267b1bfc9e2140b74..58b6e384680c08d13a49bd205793b2fe54fbac34 100644 (file)
--- a/scss/util/_breakpoint.scss
+++ b/scss/util/_breakpoint.scss
@@ -146,7 +146,7 @@ $breakpoint-classes: (small medium large) !default;
 
   // Make breakpoint size available as a variable
   $old-zf-size: $-zf-zero-breakpoint;
-  $-zf-size: $value !global;
+  $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords
 
   // If $str is still an empty string, no media query is needed
   @if $str == '' {