mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 00:24:03 +02:00
Code Issues Releases Wiki Activity

Merge pull request #17362 from omeid/v4-container-mixin

Browse Source 
Semantic grid: add make-container-breakpoint
This commit is contained in:
Mark Otto
2015-09-01 20:13:52 -07:00
parent 5d5398afdb c42d0e10f4
commit c053f23fe6
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_grid.scss
View File

@@ -4,13 +4,8 @@
.container { .container {
@include make-container(); @include make-container();
@include make-container-max-widths();
// For each breakpoint, define the maximum width of the container in a media query
@each $breakpoint, $container-max-width in $container-max-widths {
@include media-breakpoint-up($breakpoint) {
max-width: $container-max-width;
}
}
} }

10
scss/mixins/_grid.scss
View File

@@ -10,6 +10,16 @@
@include clearfix(); @include clearfix();
} }
// For each breakpoint, define the maximum width of the container in a media query
@mixin make-container-max-widths($max-widths: $container-max-widths) {
@each $breakpoint, $container-max-width in $max-widths {
@include media-breakpoint-up($breakpoint) {
max-width: $container-max-width;
}
}
}
@mixin make-row($gutter: $grid-gutter-width) { @mixin make-row($gutter: $grid-gutter-width) {
@if $enable-flex { @if $enable-flex {
display: flex; display: flex;