Allow custom breakpoint config to be passed on by mixins which nest media query mixins.

diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index bfe379ef82d4af46e7d07b1338dca69ce5216480..16c970a81c0e5ab04710bc3e6794e120c7d36b9b 100644 (file)
--- a/scss/mixins/_grid-framework.scss
+++ b/scss/mixins/_grid-framework.scss
@@ -21,7 +21,7 @@
         @extend %grid-column;
       }
     }
-    @include media-breakpoint-up($breakpoint) {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
       // Work around cross-media @extend (https://github.com/sass/sass/issues/1050)
       %grid-column-float-#{$breakpoint} {
         float: left;

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 468bb39f28ba63e6284c0bfb2b6b696dfe128fa9..230dacc547c5225c13a24ceb91be90a814d65afd 100644 (file)
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -14,9 +14,9 @@
 
 
 // For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-max-widths($max-widths: $container-max-widths) {
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
   @each $breakpoint, $container-max-width in $max-widths {
-    @include media-breakpoint-up($breakpoint) {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
       max-width: $container-max-width;
     }
   }