Output errors if $breakpoints doesn't have a small or medium breakpoint, or if small...

diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index 4235ae42f0374ca2cf86d8b61f986e1fb4205c9a..0daa07a6094de9067e778f518d0625a29cb86029 100644 (file)
--- a/scss/util/_breakpoint.scss
+++ b/scss/util/_breakpoint.scss
@@ -18,6 +18,13 @@ $breakpoints: (
   xxlarge: 1440px,
 ) !default;
 
+@if not map-has-key($breakpoints, small) or not map-has-key($breakpoints, medium) {
+  @error 'Your list of breakpoints (defined in $breakpoints) must include one named "small" and one named "medium".';
+}
+@else if map-get($breakpoints, small) != 0 {
+  @error 'Your "small" breakpoint (defined in $breakpoints) must be set to "0".';
+}
+
 /// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.
 /// @type List
 $breakpoint-classes: (small medium large) !default;