diff options
| author | Chris Garcia <[email protected]> | 2016-10-21 23:25:05 -0500 |
|---|---|---|
| committer | Chris Garcia <[email protected]> | 2016-10-22 00:06:41 -0500 |
| commit | e1fefe60656d6e99415328b9e0b40b336ce9909e (patch) | |
| tree | cb088f5bf0f947beb271a070e78455efe470e173 | |
| parent | b5890e0608ad2262cde4a38e90afa19f1cb5d852 (diff) | |
| download | bootstrap-e1fefe60656d6e99415328b9e0b40b336ce9909e.tar.xz bootstrap-e1fefe60656d6e99415328b9e0b40b336ce9909e.zip | |
Container padding uses per-breakpoint gutter sizes, fixes #19304.
| -rw-r--r-- | scss/mixins/_grid.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index 88cbd249a..402a99e92 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -2,14 +2,20 @@ // // Generate semantic grid columns with these mixins. -@mixin make-container($gutter: $grid-gutter-width-base) { +@mixin make-container($gutters: $grid-gutter-widths) { margin-left: auto; margin-right: auto; - padding-left: ($gutter / 2); - padding-right: ($gutter / 2); @if not $enable-flex { @include clearfix(); } + + @each $breakpoint in map-keys($gutters) { + @include media-breakpoint-up($breakpoint) { + $gutter: map-get($gutters, $breakpoint); + padding-right: ($gutter / 2); + padding-left: ($gutter / 2); + } + } } |