From 82b0201abd9fb805cd5ab631bc4f927fac9f25e6 Mon Sep 17 00:00:00 2001
From: IllusionPerdu <illusionperdu@gmail.com>
Date: Mon, 16 Jan 2017 12:12:21 +0100
Subject: [PATCH] Add callout in docs/pages/grid.md

---
 docs/pages/grid.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index cfedd4e94..18ef382fb 100644
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -10,10 +10,15 @@ tags:
 
 ## Basics
 
-Start by adding an element with a class of `.row`. This will create a horizontal block to contain vertical columns. Then add elements with a `.column` class within that row. You can use `.column` or its <a href="http://localhost:3000/grid.html#sass-reference">alias</a> `.columns`&mdash;the only difference is grammar. Specify the widths of each column with the `.small-#`, `.medium-#`, and `.large-#` classes.
+Start by adding an element with a class of `.row`. This will create a horizontal block to contain vertical columns. Then add elements with a `.column` class within that row. Specify the widths of each column with the `.small-#`, `.medium-#`, and `.large-#` classes.
 
 **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`&mdash;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>
+
 ```html
 <div class="row">
   <div class="small-2 large-4 columns"><!-- ... --></div>
-- 
2.47.3