From: IllusionPerdu Date: Mon, 16 Jan 2017 11:42:07 +0000 (+0100) Subject: Change in doc X-Git-Tag: 6.3.1~32^2~2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=dbe9ad0d4d148e20aaf24a62e2dcb301d443c807;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Change in doc --- diff --git a/docs/pages/grid.md b/docs/pages/grid.md index 18ef382fb..7a45dc2db 100644 --- a/docs/pages/grid.md +++ b/docs/pages/grid.md @@ -15,7 +15,7 @@ Start by adding an element with a class of `.row`. This will create a horizontal **Foundation is mobile-first.** Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.
-

By defaut `.column` have an alias `.columns`—the only difference is grammar.

+

By defaut `.column` have an alias `.columns` (see the `$grid-column-alias` option) —the only difference is grammar.

Disabling the alias can reduce the Foundation CSS file size from 3 to 5%. It is recommended if the alias is not used.

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss index 2c5fc57d0..34b2b5033 100644 --- a/scss/grid/_grid.scss +++ b/scss/grid/_grid.scss @@ -26,14 +26,14 @@ $grid-column-gutter: ( /// @type Boolean $grid-column-align-edge: true !default; +/// Selector used for an alias of column (with @extend). If `false`, no alias is created. +/// @type String +$grid-column-alias: 'columns' !default; + /// The highest number of `.x-up` classes available when using the block grid CSS. /// @type Number $block-grid-max: 8 !default; -/// Selector used for an alias of column (with @extend). If `false`, no alias is created. -/// @type String -$column-alias: 'columns' !default; - // Internal value to store the end column float direction $-zf-end-float: if($grid-column-align-edge, $global-right, $global-left);