diff options
| author | Mark Otto <[email protected]> | 2013-08-06 21:00:12 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-06 21:00:12 -0700 |
| commit | 18a4082553e0ec86022ba76fddf413fbc5a8085d (patch) | |
| tree | dbadd7b9b32b6e390ab709554d8b3e41cd81b851 /less | |
| parent | e10081774038b8454fce187bcd6ad1375e497d78 (diff) | |
| download | bootstrap-18a4082553e0ec86022ba76fddf413fbc5a8085d.tar.xz bootstrap-18a4082553e0ec86022ba76fddf413fbc5a8085d.zip | |
fixes #8935: add gutter width param to grid mixins
Diffstat (limited to 'less')
| -rw-r--r-- | less/mixins.less | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/less/mixins.less b/less/mixins.less index 92426cdfa..e678563ad 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -441,30 +441,30 @@ } // Creates a wrapper for a series of columns -.make-row() { +.make-row(@gutter: @grid-gutter-width) { // Then clear the floated columns .clearfix(); @media (min-width: @screen-small) { - margin-left: (@grid-gutter-width / -2); - margin-right: (@grid-gutter-width / -2); + margin-left: (@gutter / -2); + margin-right: (@gutter / -2); } // Negative margin nested rows out to align the content of columns .row { - margin-left: (@grid-gutter-width / -2); - margin-right: (@grid-gutter-width / -2); + margin-left: (@gutter / -2); + margin-right: (@gutter / -2); } } // Generate the columns -.make-column(@columns) { +.make-column(@columns; @gutter: @grid-gutter-width) { position: relative; // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 2); + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); // Calculate width based on number of columns available @media (min-width: @grid-float-breakpoint) { @@ -491,14 +491,14 @@ } // Generate the small columns -.make-small-column(@columns) { +.make-small-column(@columns; @gutter: @grid-gutter-width) { position: relative; float: left; // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 2); + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); @max-width: (@grid-float-breakpoint - 1); // Calculate width based on number of columns available |