kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code 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 {
@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;