Remove block grid docs page #249

diff --git a/docs/pages/block-grid.md b/docs/pages/block-grid.md
deleted file mode 100644 (file)
index 97944e9..0000000
--- a/docs/pages/block-grid.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Block Grid
-description: Use the block grid to create a gallery of items.
-sass: scss/grid/_block-grid.scss
----
-
-## Overview
-
-Block grids display a number of evenly-spaced items in a row, automatically stacking on smaller screens without using media queries. While the normal grid should be used for broader layout, the block grid is useful for creating galleries of content that span multiple rows.
-
-The wrapper of a block grid is a `<table>` with the class `.block-grid`, and a `<tr>`. Each element is a `<td>`. The number of items per row is defined by a class on the `<table>` called `.up-[n]`, where `[n]` is the number of items to display per row. You can have up to 8 items per row.
-
-In Inky HTML, use the `<block-grid>` tag with the attribute `up="n"`, where `n` is the number of items per row.
-
-```inky_example
-<block-grid up="3">
-  <td>Item 1</td>
-  <td>Item 2</td>
-  <td>Item 3</td>
-  <td>Item 4</td>
-  <td>Item 5</td>
-  <td>Item 6</td>
-</block-grid>
-```

diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index 9bd5c1f2888b0390d06583e179d9a9cec3653639..89ff753f28dc9abe8334fab33637a073a7920887 100644 (file)
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -16,15 +16,12 @@
   <li><a href="compatibility.html">Compatibility</a></li>
   <li><a href="migration.html">Migrate from Ink</a></li>
 
-  <li class="docs-nav-title">Layout</li>
-  <li><a href="grid.html">Grid</a></li>
-  <li><a href="block-grid.html">Block Grid</a></li>
-
   <li class="docs-nav-title">Components</li>
   <li><a href="alignment.html">Alignment Classes</a></li>
   <li><a href="button.html">Button</a></li>
   <li><a href="callout.html">Callout</a></li>
   <li><a href="global.html">Global Styles</a></li>
+  <li><a href="grid.html">Grid</a></li>
   <li><a href="media-query.html">Media Queries</a></li>
   <li><a href="thumbnail.html">Thumbnail</a></li>
   <li><a href="typography.html">Typography</a></li>