From 18a4082553e0ec86022ba76fddf413fbc5a8085d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 21:00:12 -0700 Subject: fixes #8935: add gutter width param to grid mixins --- less/mixins.less | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'less') 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 -- cgit v1.2.3