mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
Container padding uses per-breakpoint gutter sizes, fixes #19304.
This commit is contained in:
@@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user