testing nested grids

diff --git a/testing/gulpfile.babel.js b/testing/gulpfile.babel.js
index 3b4e386640dc7ba0c858c0149340998652e060ca..535f857761b7b3b0628f72fba4c52168a8f6fa63 100644 (file)
--- a/testing/gulpfile.babel.js
+++ b/testing/gulpfile.babel.js
@@ -34,7 +34,7 @@ function clean(done) {
 // Compile layouts, pages, and partials into flat HTML files
 // Then parse using Inky templates
 function pages() {
-  return gulp.src('src/pages/grid.html')
+  return gulp.src('src/pages/**/*.html')
     .pipe(inky())
     .pipe(panini({
       root: 'src/pages',

diff --git a/testing/src/pages/grid-nested.html b/testing/src/pages/grid-nested.html
new file mode 100644 (file)
index 0000000..37fed32
--- /dev/null
+++ b/testing/src/pages/grid-nested.html
@@ -0,0 +1,44 @@
+<table class="container">
+  <tr>
+    <td>
+
+      <table class="row">
+        <tr>
+          <th class="small-12 large-12 columns first last">
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam aliquid tenetur dignissimos repellendus sapiente reprehenderit vero, possimus omnis necessitatibus ad, debitis, distinctio ea laudantium. Corrupti veniam harum sint, laboriosam aut.</p>
+          </th>
+        </tr>
+      </table>
+
+      <table class="row collapse">
+        <tr>
+          <th class="small-12 large-12 columns first last">
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam aliquid tenetur dignissimos repellendus sapiente reprehenderit vero, possimus omnis necessitatibus ad, debitis, distinctio ea laudantium. Corrupti veniam harum sint, laboriosam aut.</p>
+          </th>
+        </tr>
+      </table>
+
+      <table class="row">
+        <tr>
+          <th class="small-12 large-6 columns first" style="background:yellow;">
+            <p>One Word</p>
+          </th>
+          <th class="small-12 large-6 columns last" style="background:green;">
+            <table class="row">
+              <tr>
+                <th class="small-12 large-6 columns first" style="background:blue;">
+                  <p>1 
+                  </p>
+                </th>
+                <th class="small-12 large-6 columns first" style="background:purple;">
+                  <p>2</p>
+                </th>
+              </tr>
+            </table>
+          </th>
+        </tr>
+      </table>
+
+    </td>
+  </tr>
+</table>
\ No newline at end of file