From 10a7a41567d20df2c6cec5b5fe9f7845d2e4579b Mon Sep 17 00:00:00 2001
From: Fabian <dev@fabianstamm.de>
Date: Tue, 24 Sep 2019 16:30:07 +0200
Subject: [PATCH] Making btn and fab work on link elements

---
 index.html          | 1 +
 package.json        | 2 +-
 src/_maketheme.scss | 1 +
 src/base/_btn.scss  | 9 +++++++++
 src/theme/_btn.scss | 1 +
 5 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b7b9c33..c86d60b 100644
--- a/index.html
+++ b/index.html
@@ -116,6 +116,7 @@
             <button class="btn btn-primary">Hallo Welt</button>
 
             <button class="btn fab">+</button>
+            <a class="btn fab fab-left" href="#">-</a>
         </div>
 
         <div class="margin prev">
diff --git a/package.json b/package.json
index 22def27..6bc048e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hibas123/theme",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "description": "",
   "main": " ",
   "files": [
diff --git a/src/_maketheme.scss b/src/_maketheme.scss
index 780a47f..804f20f 100644
--- a/src/_maketheme.scss
+++ b/src/_maketheme.scss
@@ -3,6 +3,7 @@
 $background:false !default;
 $on-background:false !default;
 $button-color: #CCCCCC !default;
+$on-button: #000000 !default;
 
 @if $background==false or $on-background==false {
     @error("background and on-background must be set!");
diff --git a/src/base/_btn.scss b/src/base/_btn.scss
index cf9afc0..72b70ef 100644
--- a/src/base/_btn.scss
+++ b/src/base/_btn.scss
@@ -6,6 +6,10 @@
     font-weight: 500;
     text-transform: uppercase;
     transition: .05s background-color linear;
+    text-decoration: unset;
+    text-align: center;
+    align-items: flex-start;
+    cursor: pointer;
 }
 
 .btn-flat {
@@ -73,4 +77,9 @@
     right: 1.5rem;
 
     border: none;
+}
+
+.fab-left {
+    right: unset;
+    left: 1.5rem;
 }
\ No newline at end of file
diff --git a/src/theme/_btn.scss b/src/theme/_btn.scss
index d838e8c..824206e 100644
--- a/src/theme/_btn.scss
+++ b/src/theme/_btn.scss
@@ -1,5 +1,6 @@
 @mixin btn-flat {
     background: $button-color;
+    color: $on-button;
 
     &:hover {
         background: darken($button-color, 5%);