fixed some css spacing, added hollow button test

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 20eaeec8c52bf7f3c5fe9c85f13a02cc262d2578..df2d337282b5cfd935641f7a9dc523dcff5c7f32 100755 (executable)
--- 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 98ed9ac69f8b752991f86b22c40083968ca3c546..aec3be6a5043865d0f6ec59d99d43190dc02ca2c 100644 (file)
--- 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>