mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-05-09 21:04:42 +00:00
Container padding uses per-breakpoint gutter sizes, fixes #19304.
This commit is contained in:
parent
b5890e0608
commit
e1fefe6065
1 changed files with 9 additions and 3 deletions
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue