From bb38fa52865397e933db95885eb6347ea6d54109 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 15 Mar 2013 23:21:10 -0700 Subject: Overhaul the grid system and its docs * Add new grid mixins adapted from Preboot (http://github.com/mdo/preboot) * Drop the @grid-row-width and @grid-column-width variables * Add the @grid-float-breakpoint variable, as used in Preboot * Add support for .push* and .pull* classes for column ordering manipulation * Document all the things --- less/grid.less | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) (limited to 'less/grid.less') diff --git a/less/grid.less b/less/grid.less index 1774d90b2..e9eb52ef2 100644 --- a/less/grid.less +++ b/less/grid.less @@ -10,11 +10,10 @@ // Mobile-first defaults .row { - margin-left: (@grid-gutter-width / -2); - margin-right: (@grid-gutter-width / -2); - .clear_float(); + .make-row(); } [class^="span"] { + position: relative; min-height: 1px; padding-left: (@grid-gutter-width / 2); padding-right: (@grid-gutter-width / 2); @@ -26,10 +25,8 @@ max-width: 728px; } // Generate the grid columns and offsets - [class^="span"] { - float: left; - } - #grid > .core(@grid-column-width, @grid-gutter-width); + [class^="span"] { float: left; } + .generate-grid-columns(@grid-columns); } // Responsive: Desktops and up @@ -44,14 +41,6 @@ .container { max-width: 1170px; } - .row { - margin-left: -15px; - margin-right: -15px; - } - [class^="span"] { - padding-left: 15px; - padding-right: 15px; - } } // Reset utility classes due to specificity -- cgit v1.2.3