rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

Add missing parameter to grid mixins. (#27841)

Browse Source
This commit is contained in:
Florian Lacreuse 2018-12-14 17:30:12 +01:00 committed by XhmikosR
parent 26c5595164
commit 1dc42a3373
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
scss/mixins/_grid.scss
View File

@ -2,10 +2,10 @@
// //
// Generate semantic grid columns with these mixins. // Generate semantic grid columns with these mixins.
@mixin make-container() { @mixin make-container($gutter: $grid-gutter-width) {
width: 100%; width: 100%;
padding-right: ($grid-gutter-width / 2); padding-right: ($gutter / 2);
padding-left: ($grid-gutter-width / 2); padding-left: ($gutter / 2);
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
@ -20,21 +20,21 @@
} }
} }
@mixin make-row() { @mixin make-row($gutter: $grid-gutter-width) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-right: ($grid-gutter-width / -2); margin-right: ($gutter / -2);
margin-left: ($grid-gutter-width / -2); margin-left: ($gutter / -2);
} }
@mixin make-col-ready() { @mixin make-col-ready($gutter: $grid-gutter-width) {
position: relative; position: relative;
// Prevent columns from becoming too narrow when at smaller grid tiers by // Prevent columns from becoming too narrow when at smaller grid tiers by
// always setting `width: 100%;`. This works because we use `flex` values // always setting `width: 100%;`. This works because we use `flex` values
// later on to override this initial width. // later on to override this initial width.
width: 100%; width: 100%;
padding-right: ($grid-gutter-width / 2); padding-right: ($gutter / 2);
padding-left: ($grid-gutter-width / 2); padding-left: ($gutter / 2);
} }
@mixin make-col($size, $columns: $grid-columns) { @mixin make-col($size, $columns: $grid-columns) {