From: RafiBomb <rafi@zurb.com>
Date: Thu, 31 Mar 2016 21:38:45 +0000 (-0700)
Subject: adds radius and round css to buttons
X-Git-Tag: v2.1.0~22
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b7c45e286265877e6c818075ab7d220c248e54f7;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds radius and round css to buttons
---

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index c949dd22..b1228ffd 100755
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -69,14 +69,6 @@ table.button {
       background: $button-background;
       border: 2px solid $button-background;
 
-      &.radius {
-        border-radius: $button-radius;
-      }
-
-      &.rounded {
-        border-radius: $button-rounded;
-      }
-
       a {
         font-family: $body-font-family;
         font-size: map-get($button-font-size, default);
@@ -90,6 +82,16 @@ table.button {
       }
     }
   }
+
+  &.radius table td {
+    border-radius: $button-radius;
+    border: none;
+  }
+
+  &.rounded table td {
+    border-radius: $button-rounded;
+    border: none;
+  }
 }
 
 table.button:hover table tr td a,
diff --git a/test/visual/pages/button.html b/test/visual/pages/button.html
index b3af5ef2..ae2555bb 100644
--- a/test/visual/pages/button.html
+++ b/test/visual/pages/button.html
@@ -91,6 +91,58 @@
       </tr>
     </table>  
 
+    <table class="row">
+      <tr>
+        <th class="small-12 large-12 columns">
+
+          <table class="button radius">
+            <tbody>
+              <tr>
+                <td>
+                  <table>
+                    <tbody>
+                      <tr>
+                        <td>
+                          <a href="#">Radius?</a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+
+        </th>
+      </tr>
+    </table>
+
+    <table class="row">
+      <tr>
+        <th class="small-12 large-12 columns">
+
+          <table class="button rounded">
+            <tbody>
+              <tr>
+                <td>
+                  <table>
+                    <tbody>
+                      <tr>
+                        <td>
+                          <a href="#">Rounded?</a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          
+        </th>
+      </tr>
+    </table>
+
     <table class="row">
       <tr>
         <th class="small-12 large-12 columns">