**Foundation is mobile-first.** Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.
<div class="warning callout">
- <p>By defaut `.column` have an <a href="http://localhost:3000/grid.html#sass-reference">alias</a> `.columns`—the only difference is grammar.</p>
+ <p>By defaut `.column` have an alias `.columns` (see the <a href="http://localhost:3000/grid.html#sass-reference">`$grid-column-alias` option</a>) —the only difference is grammar.</p>
<p>Disabling the alias can reduce the Foundation CSS file size from 3 to 5%. It is recommended if the alias is not used.</p>
</div>
/// @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);