From: Ryan Shrum <ryan@ehousestudio.com>
Date: Wed, 10 Dec 2014 20:25:07 +0000 (-0500)
Subject: Updating docs, uncompiled
X-Git-Tag: v5.5.0~9^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F6075%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Updating docs, uncompiled
---

diff --git a/doc/includes/grid/examples_grid_row_collapse.html b/doc/includes/grid/examples_grid_row_collapse.html
new file mode 100644
index 000000000..9cd188fc3
--- /dev/null
+++ b/doc/includes/grid/examples_grid_row_collapse.html
@@ -0,0 +1,12 @@
+{{#markdown}}
+```html
+<div class="row small-collapse medium-uncollapse">
+	<div class="small-12 meidum-6 columns">
+		Adds gutter at medium media query
+	</div>
+	<div class="small-12 meidum-6 columns">
+		Adds gutter at medium media query
+	</div>
+</div>
+```
+{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_row_collapse_rendered.html b/doc/includes/grid/examples_grid_row_collapse_rendered.html
new file mode 100644
index 000000000..aad84f772
--- /dev/null
+++ b/doc/includes/grid/examples_grid_row_collapse_rendered.html
@@ -0,0 +1,8 @@
+<div class="row small-collapse medium-uncollapse">
+	<div class="small-12 meidum-6 columns">
+		Adds gutter at medium media query
+	</div>
+	<div class="small-12 meidum-6 columns">
+		Adds gutter at medium media query
+	</div>
+</div>
\ No newline at end of file
diff --git a/doc/pages/components/grid.html b/doc/pages/components/grid.html
index e6224d21f..ba5ee304a 100644
--- a/doc/pages/components/grid.html
+++ b/doc/pages/components/grid.html
@@ -89,6 +89,20 @@ In order to work around browsers' different rounding behaviors, Foundation will
 
 ***
 
+### Collapse/Uncollapse Rows
+
+There are times when you won't want each media query to be collapsed or uncollapsed. In this case, use the media query size you want and collapse or uncollapse and add that to your `row` element. Example shows no gutter at small media size and then adds the gutter to columns at medium.
+
+<h4>HTML</h4>
+
+{{> examples_grid_row_collapse}}
+
+<h4>Rendered HTML</h4>
+
+{{> examples_grid_row_collapse_rendered}}
+
+***
+
 ### Centered Columns
 
 Center your columns by adding a class of `small-centered` to your `column`. Large will inherit small centering by default, but you can also center solely on large by applying a `large-centered` class. To uncenter on large screens use `large-uncentered`.