From: RafiBomb <rafi@zurb.com>
Date: Thu, 2 Jun 2016 21:12:07 +0000 (-0700)
Subject: adds warning to buttons and menu pages
X-Git-Tag: v2.2.0~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c83c3d79a34332b4473b4fc1d97974388770e0df;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds warning to buttons and menu pages
---

diff --git a/docs/pages/button.md b/docs/pages/button.md
index 6b836129..424d1f02 100644
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -75,3 +75,8 @@ Creating buttons with a radius or rounded edges (like a pill) can be achieved by
 <button href="#" class="rounded">Round</button>
 
 ```
+
+<div class="callout primary">
+- It's important to add an `href` attribute to your `<button>`'s to ensure that Outlook.com will not display `[undefined]` in your rendered email.<br> 
+- Office 365 and Outlook.com require a valid url in the href attribute or you can use the # placeholder.
+</div>
diff --git a/docs/pages/menu.md b/docs/pages/menu.md
index 868d446c..5d55d6b5 100644
--- a/docs/pages/menu.md
+++ b/docs/pages/menu.md
@@ -18,6 +18,11 @@ In Inky HTML, use the tag `<menu>` to make a menu, and the tag `<item>` to make
 </menu>
 ```
 
+<div class="callout primary">
+- It's important to add an `href` attribute to your `<item>`'s to ensure that Outlook.com will not display `[undefined]` in your rendered email.<br> 
+- Office 365 and Outlook.com require a valid url in the href attribute or you can use the # placeholder.
+</div>
+
 ---
 
 ## Vertical Menu