kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

scss: semantic grid: add make-container-breakpoint 

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 {
@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();
}
// 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) {
@if $enable-flex {
display: flex;