diff --git a/scss/_variables.scss b/scss/_variables.scss index 82ef6f9630..8e9bd61284 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -29,6 +29,14 @@ } } +@mixin _assert-starts-at-zero($map) { + $values: map-values($map); + $first-value: nth($values, 1); + @if $first-value != 0 { + @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; + } +} + // General variable structure // // Variable format should follow the `$component-modifier-state-property` order. @@ -126,6 +134,7 @@ $grid-breakpoints: ( xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); +@include _assert-starts-at-zero($grid-breakpoints); // Grid containers