**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">
+<div class="primary callout">
<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>
@include grid-column-margin;
}
- @if $column == 'column' and has-value($column-alias) {
- .#{$column-alias} {
+ @if $column == 'column' and has-value($grid-column-alias) {
+ .#{$grid-column-alias} {
// sass-lint:disable-block placeholder-in-extend
@extend .column;
}