From: RafiBomb <rafi@zurb.com>
Date: Thu, 21 Apr 2016 05:46:35 +0000 (-0700)
Subject: adds button radius and rounded to docs
X-Git-Tag: v2.1.0~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=45491eab4bb8e9197265f0e07a7a30f0f7fcec99;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds button radius and rounded to docs
---

diff --git a/docs/pages/button.md b/docs/pages/button.md
index 2240bcb6..fde107bf 100644
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -55,3 +55,19 @@ Change the background color of a button by adding the class `.secondary`, `.succ
 <button href="zurb.com" class="warning">Warning Button</button>
 <button href="zurb.com" class="alert">Alert Button</button>
 ```
+
+---
+
+## Radius and Round
+
+Creating buttons with a radius or rounded edges (like a pill) can be achieved by adding the `.radius` or `.rounded` class to a button.
+
+*Note - border-radius is not supported on Outlook 2000-2013, Yahoo! Mail, and Android 4+ (Gmail)*
+
+*Note - In order to create `.radius` and `.rounded` buttons, the border needs to be removed.*
+
+```inky_example
+<button href="#" class="radius">Radius</button>
+<button href="#" class="rounded">Round</button>
+
+```