From: RafiBomb Date: Wed, 4 May 2016 15:30:34 +0000 (-0700) Subject: updates copy and examples for menu X-Git-Tag: v2.2.1~6^2~2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1c56c7dac2df0d93503050229a736809d660a03b;p=thirdparty%2Ffoundation%2Ffoundation-emails.git updates copy and examples for menu --- diff --git a/docs/pages/menu.md b/docs/pages/menu.md index 546e7bf3..868d446c 100644 --- a/docs/pages/menu.md +++ b/docs/pages/menu.md @@ -6,7 +6,7 @@ sass: scss/components/_menu.scss ## Basics -A menu is a `` with a class of `.menu` and a `` inside of it. Each link in the menu is a `
` with an `` inside of it. +A menu is a `` with a class of `.menu` and a `` inside of it. Each link in the menu is a `
` with an `` inside of it. In Inky HTML, use the tag `` to make a menu, and the tag `` to make an item. @@ -20,12 +20,12 @@ In Inky HTML, use the tag `` to make a menu, and the tag `` to make --- -## Simple Menu +## Vertical Menu -Menu items have padding around them, which in some situations will misalign your link text with another element of your design. To strip the padding from menu items, add the class `.simple` to the menu. There will still be some horizontal space between them, to space them out. +Menus align horizontally by default. To switch to a vertical menu, add the class `.vertical` to the menu. ```inky_example - + Item Item Item @@ -34,14 +34,14 @@ Menu items have padding around them, which in some situations will misalign your --- -## Vertical Menu +## Vertical Menu on the Small Breakpoint -Menus align horizontally by default. To switch to a vertical menu, add the class `.vertical` to the menu. +Menus align horizontally by default. To switch to a vertical menu on the small breakpoint only, add the class `.small-vertical` to the menu. This works well because the email clients that support media queries fall into the small breakpoint like iPhones and Android 4.4. ```inky_example - + Item Item Item -``` +``` \ No newline at end of file diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html index 6ea8880a..896e66e2 100644 --- a/docs/partials/component-list.html +++ b/docs/partials/component-list.html @@ -25,6 +25,7 @@
  • Callout
  • Global Styles
  • Grid
    • +
  • Menu
  • Spacer
  • Wrapper