From 64d23867adaffceb4965d0c22770c64d1ac24b24 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 5 Nov 2013 19:37:48 -0500
Subject: [PATCH] Adds inverted basic button style, removes button shadow

---
 src/elements/button.less | 40 ++++++++++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/elements/button.less b/src/elements/button.less
index dff26f5cd..e7bdf5ee3 100755
--- a/src/elements/button.less
+++ b/src/elements/button.less
@@ -28,7 +28,7 @@
   color: #808080;
 
   margin: 0em;
-  padding: 0.8em 1.5em 0.875em;
+  padding: 0.8em 1.5em;
 
   font-size: 1rem;
   text-transform: uppercase;
@@ -45,8 +45,7 @@
   border-radius: 0.25em;
 
   box-shadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px -0.133em 0px 0px rgba(0, 0, 0, 0.1) inset
+    0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset
   ;
 
   -webkit-user-select: none;
@@ -519,7 +518,7 @@
 .ui.tiny.buttons .button,
 .ui.tiny.buttons .or,
 .ui.tiny.button {
-  font-size: 0.875rem;
+  font-size:m;
 }
 .ui.tiny.buttons .button,
 .ui.tiny.buttons .button,
@@ -534,7 +533,7 @@
 .ui.small.buttons .button,
 .ui.small.buttons .or,
 .ui.small.button {
-  font-size: 0.875rem;
+  font-size:m;
 }
 
 .ui.large.buttons .button,
@@ -605,7 +604,7 @@
 
 .ui.icon.buttons .button,
 .ui.icon.button {
-  padding: 0.8em 0.8em 0.875em;
+  padding: 0.8em;
 }
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
@@ -673,6 +672,35 @@
   background-color: rgba(0, 0, 0, 0.1);
 }
 
+/* Inverted */
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+  color: #FAFAFA !important;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
+}
+.ui.basic.inverted.buttons .button:hover,
+.ui.basic.inverted.button:hover {
+  background-image: none;
+  color: #FFFFFF !important;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
+}
+.ui.basic.inverted.buttons .button:active,
+.ui.basic.inverted.button:active {
+  background-color: rgba(255, 255, 255, 0.05) !important;
+  color: #FFFFFF !important;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
+}
+.ui.basic.inverted.buttons .button.active,
+.ui.basic.inverted.button.active {
+  background-color: rgba(255, 255, 255, 0.5);
+  color: #FFFFFF;
+  box-shadow: none;
+}
+.ui.basic.inverted.buttons .button.active:hover,
+.ui.basic.inverted.button.active:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
 /* Basic Group */
 .ui.basic.buttons .button {
   border-left: 1px solid rgba(0, 0, 0, 0.1);