From 319acb105d3b2fe111f9027155dfc26b47f369da Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Wed, 4 May 2016 17:14:27 +0200
Subject: [PATCH] add possibility links to buttons

---
 src/scss/cdb-components/buttons.scss | 36 ++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/scss/cdb-components/buttons.scss b/src/scss/cdb-components/buttons.scss
index ec8be31..cb67d32 100644
--- a/src/scss/cdb-components/buttons.scss
+++ b/src/scss/cdb-components/buttons.scss
@@ -8,32 +8,59 @@ Layout Component:
 [CDB-Button][CDB-Button--primary | CDB-Button--secondary]
 
 ```
+<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--big">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</a>
 
 <button class="CDB-Button CDB-Button--primary CDB-Button--big">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
 </button>
 
+<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--big is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</a>
+
 <button class="CDB-Button CDB-Button--primary CDB-Button--big is-disabled">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
 </button>
 
 
+<a href="#" class="CDB-Button CDB-Button--primary">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</a>
+
 <button class="CDB-Button CDB-Button--primary">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
 </button>
 
+<a href="#" class="CDB-Button CDB-Button--primary is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</a>
+
 <button class="CDB-Button CDB-Button--primary is-disabled">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
 </button>
 
+<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--small">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</a>
+
 <button class="CDB-Button CDB-Button--primary CDB-Button--small">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
 </button>
 
+<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</a>
+
 <button class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
   <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
 </button>
 
+<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--icon">
+  <i class="CDB-IconFont CDB-IconFont-ray CDB-Size-small"></i>
+</a>
+
 <button class="CDB-Button CDB-Button--primary CDB-Button--icon">
   <i class="CDB-IconFont CDB-IconFont-ray CDB-Size-small"></i>
 </button>
@@ -83,6 +110,7 @@ Layout Component:
 
 
 .CDB-Button {
+  display: inline-block;
   padding: $baseSize + 1 $baseSize + 12;
   border: 1px solid transparent;
   border-radius: $baseSize / 2;
@@ -131,6 +159,14 @@ Layout Component:
   }
 }
 
+.CDB-Button--primary:link {
+  color: $cWhite;
+}
+
+.CDB-Button--primary:hover {
+  text-decoration: none;
+}
+
 
 
 // Buttons styles