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

scss: semantic grid: add make-container-breakpoint

Browse Source 
Signed-off-by: O'meid <public@omeid.me>
This commit is contained in:
O'meid 2015-08-27 15:56:46 +10:00
parent 7ff9b1979c
commit c42d0e10f4
2 changed files with 11 additions and 6 deletions
Show Stats 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;