From: O'meid <public@omeid.me>
Date: Thu, 27 Aug 2015 05:56:46 +0000 (+1000)
Subject: scss: semantic grid: add make-container-breakpoint
X-Git-Tag: v4.0.0-alpha.2~373^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F17362%2Fhead;p=thirdparty%2Fbootstrap.git

scss: semantic grid: add make-container-breakpoint

Signed-off-by: O'meid <public@omeid.me>
---

diff --git a/scss/_grid.scss b/scss/_grid.scss
index b71d5b03df..1841b7faa7 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -4,13 +4,8 @@
 
 .container {
   @include make-container();
+  @include make-container-max-widths();
 
-  // For each breakpoint, define the maximum width of the container in a media query
-  @each $breakpoint, $container-max-width in $container-max-widths {
-    @include media-breakpoint-up($breakpoint) {
-      max-width: $container-max-width;
-    }
-  }
 }
 
 
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 56b8c6f203..87b4ac94a6 100644
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -10,6 +10,16 @@
   @include clearfix();
 }
 
+
+// For each breakpoint, define the maximum width of the container in a media query
+@mixin make-container-max-widths($max-widths: $container-max-widths) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint) {
+      max-width: $container-max-width;
+    }
+  }
+}
+
 @mixin make-row($gutter: $grid-gutter-width) {
   @if $enable-flex {
     display: flex;