mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 09:05:47 +02:00
Code Issues Releases Wiki Activity

More grid updates

Browse Source 
- Flexbox responsive behavior fixed with specific .col-{breakpoint} classes now added
- Dropped the make-col mixin in favor of a column-basics placeholder that we can extend across our grid infrastructure
- Updated docs to use required .col-xs-12 (as a safeguard for when folks enable flexbox mode--this isn't necessary in default grid mode)
- Update flexbox grid docs to include responsive docs, tweak some other bits too
This commit is contained in:
Mark Otto
2016-02-06 11:31:46 -08:00
parent 414997baa8
commit 95f34be093
4 changed files with 44 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
scss/mixins/_grid.scss
View File

@@ -33,26 +33,17 @@
margin-right: ($gutter / -2);
}
@mixin make-col($gutter: $grid-gutter-width) {
// Used here for `make-col` and in the `grid-framework` for generating
// predefined grid classes.
%column-basics {
position: relative;
// @if $enable-flex {
// flex: 1;
// } @else {
// float: left;
// }
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
}
@mixin make-col-span($size, $columns: $grid-columns) {
position: relative;
@if $enable-flex {
flex: 0 0 auto;
}
min-height: 1px;
padding-left: ($grid-gutter-width / 2);
padding-right: ($grid-gutter-width / 2);
}
@mixin make-col($size, $columns: $grid-columns) {
@extend column-basics;
@if $enable-flex {
flex: 0 0 percentage($size / $columns);