1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 17:14:04 +02:00

Container padding uses per-breakpoint gutter sizes, fixes #19304.

This commit is contained in:
Chris Garcia
2016-10-21 23:25:05 -05:00
parent b5890e0608
commit e1fefe6065

View File

@@ -2,14 +2,20 @@
// //
// Generate semantic grid columns with these mixins. // 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-left: auto;
margin-right: auto; margin-right: auto;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
@if not $enable-flex { @if not $enable-flex {
@include clearfix(); @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);
}
}
} }