From: jeremylind Date: Fri, 16 Sep 2016 22:15:58 +0000 (-0700) Subject: Explain $grid-column-align-edge in Incomplete Rows section X-Git-Tag: v6.2.4-rc1~2^2^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=dfeceaeeb27c7cda7117e7afb94b737166a4b8ff;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Explain $grid-column-align-edge in Incomplete Rows section The $grid-column-align-edge variable turns off the behaviour described in the Incomplete Rows section, and in many cases, is an easier option than adding the .end class the docs currently recommend. --- diff --git a/docs/pages/grid.md b/docs/pages/grid.md index 7e0517a01..7699a01f0 100644 --- a/docs/pages/grid.md +++ b/docs/pages/grid.md @@ -249,7 +249,7 @@ Move blocks up to 11 columns to the right by using classes like `.large-offset-1 ### Incomplete Rows -In order to work around browsers' different rounding behaviors, Foundation will float the last column in a row to the right so the edge aligns. If your row doesn't have a count that adds up to 12 columns, you can tag the last column with a class of `.end` in order to override that behavior. +In order to work around browsers' different rounding behaviors, Foundation will float the last column in a row to the right so the edge aligns. If your row doesn't have a count that adds up to 12 columns, you can tag the last column with a class of `.end` in order to override that behavior. Alternatively, you can set the `$grid-column-align-edge` variable to `false` to turn off this behavior entirely. ```html