From 4a81df2c414be0c9053d6722a5bc0c49e0d395ec Mon Sep 17 00:00:00 2001
From: James Brooks <jbrooksuk@me.com>
Date: Wed, 10 Aug 2016 20:37:20 +0100
Subject: [PATCH] Back to flat buttons

---
 resources/assets/sass/modules/_btns.scss | 57 +++++++++++-------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/resources/assets/sass/modules/_btns.scss b/resources/assets/sass/modules/_btns.scss
index c245ceb5..d724f5a0 100644
--- a/resources/assets/sass/modules/_btns.scss
+++ b/resources/assets/sass/modules/_btns.scss
@@ -1,17 +1,14 @@
 @mixin pretty-buttons($color, $background, $text-shadow: none) {
     color: $color;
-    @include gradient-vertical(lighten($background, 5%), darken($background, 5%), 0%, 100%);
-    border-color: darken($background, 10%);
-    border-bottom-color: darken($background, 20%);
-    text-shadow: $text-shadow;
-    @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, .1));
+    background: $background;
+    border: solid 1px darken($background, 10%);
 
     &:hover,
     &:focus,
     &:active,
     &.active {
-        @include gradient-vertical(darken($background, 0), darken($background, 10%), 0%, 100%);
-        border-color: darken($background, 20%);
+        background: darken($background, 5%);
+        border-color: darken($background, 10%);
         color: $color;
     }
 
@@ -23,34 +20,34 @@
         &:focus,
         &:active,
         &.active {
-            background-color: $background;
-            border-color: darken($background, 5%);
+            background-color: lighten($background, 5%);
+            border-color: darken($background, 10%);
         }
     }
 }
 
 .btn {
-  &.btn-default {
-    @include pretty-buttons($btn-default-color, $btn-default-bg);
-  }
-  &.btn-primary {
-    @include pretty-buttons($btn-primary-color, $btn-primary-bg);
-  }
-  &.btn-success {
-    @include pretty-buttons($btn-success-color, $btn-success-bg);
-  }
-  &.btn-info {
-    @include pretty-buttons($btn-info-color, $btn-info-bg);
-  }
-  &.btn-warning {
-    @include pretty-buttons($btn-warning-color, $btn-warning-bg);
-  }
-  &.btn-danger {
-    @include pretty-buttons($btn-danger-color, $btn-danger-bg);
-  }
-  &.btn-inverse {
-    @include pretty-buttons(white, #474949);
-  }
+    &.btn-default {
+        @include pretty-buttons($btn-default-color, $btn-default-bg);
+    }
+    &.btn-primary {
+        @include pretty-buttons($btn-primary-color, $btn-primary-bg);
+    }
+    &.btn-success {
+        @include pretty-buttons($btn-success-color, $btn-success-bg);
+    }
+    &.btn-info {
+        @include pretty-buttons($btn-info-color, $btn-info-bg);
+    }
+    &.btn-warning {
+        @include pretty-buttons($btn-warning-color, $btn-warning-bg);
+    }
+    &.btn-danger {
+        @include pretty-buttons($btn-danger-color, $btn-danger-bg);
+    }
+    &.btn-inverse {
+        @include pretty-buttons(white, #474949);
+    }
 }
 
 .btn-outline {