From 7011c9082c8b786b2644c1ae5fd76f3493e21fc5 Mon Sep 17 00:00:00 2001
From: Joe Workman <joe@workmanmail.com>
Date: Tue, 11 Apr 2017 16:59:57 -0700
Subject: [PATCH] Hollow Buttons

---
 scss/components/_button.scss | 44 ++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 81005184..9677e2ff 100755
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -310,3 +310,47 @@ table.button.warning:hover {
     }
   }
 }
+
+// Hollow Buttons
+@mixin hollowButton($color,$class:false) {
+    // If this mixin is called with a class, then a class will be added
+    // Then the mixin calls itself with just the color to obtain the color styles
+    @if $class {
+        &.#{$class} {
+            @include ghostButton($color);
+        }
+    }
+    @else {
+        table a {
+            border:1px solid $color;
+            color: $color;
+        }
+        &:hover {
+            table a {
+              border-color:1px solid darken($color, 10%);
+              color: darken($color, 10%);
+            }
+        }
+    }
+}
+table.button.hollow {
+    table td,
+    &:hover table td {
+        border:none!important;
+        border-radius:0px;
+        background: transparent!important;
+    }
+    table a {border-radius:0px;}
+    &.radius {
+      table a {border-radius:$global-radius;}
+    }
+    &.rounded {
+      table a {border-radius:$global-rounded;}
+    }
+
+    @include hollowButton($primary-color);
+    @include hollowButton($secondary-color,'secondary');
+    @include hollowButton($alert-color,'alert');
+    @include hollowButton($warning-color,'warning');
+    @include hollowButton($success-color,'success');
+}
\ No newline at end of file
-- 
2.47.2