From: Geoff Kimball Date: Thu, 17 Mar 2016 18:20:03 +0000 (-0700) Subject: Remove block grid docs page #249 X-Git-Tag: v2.0.0-rc.4~32 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=8c708a04d4e037558ec879a7072fc9aa5cfd11c0;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Remove block grid docs page #249 --- diff --git a/docs/pages/block-grid.md b/docs/pages/block-grid.md deleted file mode 100644 index 97944e99..00000000 --- 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 `` with the class `.block-grid`, and a ``. Each element is a `
`. The number of items per row is defined by a class on the `` 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 `` tag with the attribute `up="n"`, where `n` is the number of items per row. - -```inky_example - - - - - - - - -``` diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html index 9bd5c1f2..89ff753f 100644 --- a/docs/partials/component-list.html +++ b/docs/partials/component-list.html @@ -16,15 +16,12 @@
  • Compatibility
  • Migrate from Ink
  • -
  • Layout
  • -
  • Grid
  • -
  • Block Grid
  • -
  • Components
  • Alignment Classes
  • Button
  • Callout
  • Global Styles
  • +
  • Grid
  • Media Queries
  • Thumbnail
  • Typography
  • Item 1Item 2Item 3Item 4Item 5Item 6