]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Explain $grid-column-align-edge in Incomplete Rows section 9183/head
authorjeremylind <jeremylind@users.noreply.github.com>
Fri, 16 Sep 2016 22:15:58 +0000 (15:15 -0700)
committerGitHub <noreply@github.com>
Fri, 16 Sep 2016 22:15:58 +0000 (15:15 -0700)
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.

docs/pages/grid.md

index 7e0517a0127163b2dda73dfc5ef9a3762301237e..7699a01f0373f404b5b515dd2d2c4794932c67e9 100644 (file)
@@ -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
 <div class="row">