Fix mixin media-breakpoint-only

Prevent mixin media-breakpoint-only from breaking when supplying the
first or last entry in $grid-breakpoints.

diff --git a/scss/mixins/_breakpoints.scss b/scss/mixins/_breakpoints.scss
index be1d034d84085a2c0d8b54c8aade382f05293f26..9a374fee6585afcddbc57bba3ab3dee05d1ba65d 100644 (file)
--- a/scss/mixins/_breakpoints.scss
+++ b/scss/mixins/_breakpoints.scss
@@ -93,7 +93,13 @@
   $min: breakpoint-min($name, $breakpoints);
   $max: breakpoint-max($name, $breakpoints);
 
-  @media (min-width: $min) and (max-width: $max) {
-    @content;
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($name)
+  } @else if $min == null {
+    @include media-breakpoint-down($name)
   }
 }