From: canterberrie <christine@zurb.com>
Date: Fri, 5 May 2017 18:37:50 +0000 (-0700)
Subject: fixed some css spacing, added hollow button test
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=df246cac4c6f5ef41e22cc985f3c37d73a1513f8;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

fixed some css spacing, added hollow button test
---

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 20eaeec8..df2d3372 100755
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -319,8 +319,7 @@ table.button.warning:hover {
     &.#{$class} {
         @include hollowButton($color);
     }
-  }
-  @else {
+  } @else {
     table tr td a {
       border:1px solid $color;
       color: $color;
@@ -328,6 +327,7 @@ table.button.warning:hover {
       &:visited{
         color: $color;
       }
+
       &:hover {
         border-color: darken($color, 10%);
         color: darken($color, 10%);
@@ -335,6 +335,7 @@ table.button.warning:hover {
     }
   }
 }
+
 table.button.hollow {
   table td,
   &:hover table td {
@@ -342,10 +343,15 @@ table.button.hollow {
     border-radius:0px;
     background: transparent!important;
   }
-  table a {border-radius:0px;}
+  
+  table a {
+    border-radius:0px;
+  }
+
   &.radius {
     table a {border-radius:$global-radius;}
   }
+
   &.rounded {
     table a {border-radius:$global-rounded;}
   }
@@ -355,4 +361,4 @@ table.button.hollow {
   @include hollowButton($alert-color,'alert');
   @include hollowButton($warning-color,'warning');
   @include hollowButton($success-color,'success');
-}
\ No newline at end of file
+}
diff --git a/test/visual/pages/button-inky.html b/test/visual/pages/button-inky.html
index 98ed9ac6..aec3be6a 100644
--- a/test/visual/pages/button-inky.html
+++ b/test/visual/pages/button-inky.html
@@ -115,4 +115,16 @@
       <button class="expanded" href="http://zurb.com">Lorem ipsum </button>
     </columns>
   </row>
+  <row>
+    <columns small="12" large="12">
+      <button href="http://zurb.com" class="hollow" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow expanded" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow primary" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow secondary" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow warning" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow alert" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow success" href="http://zurb.com">I am a small button</button>
+      <button href="http://zurb.com" class="hollow disabled" href="http://zurb.com">I am a small button</button>
+    </columns>
+  </row>
 </container>