rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #20973 from pixelbandito/container-gutter-breakpoints

Browse Source 
Container padding uses per-breakpoint gutter sizes, fixes #19304.
This commit is contained in:
Mark Otto 2016-10-24 21:49:26 -07:00 committed by GitHub
commit a3bc24abc4
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/mixins/_grid.scss
View File

@ -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);
}
}
}