Cleanup buttons and colors code

3 files changed, 12 insertions, 15 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 96e9bd4..66d57d4 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -46,20 +46,16 @@
     background: @primary-color;
     border-color: @dark-primary-color;
     color: @light-color;
-    &:focus {
-      background: @dark-primary-color;
-      border-color: darken(@dark-primary-color, 2%);
-      color: @light-color;
-    }
+    &:focus,
     &:hover {
       background: darken(@dark-primary-color, 2%);
-      border-color: darken(@dark-primary-color, 7%);
+      border-color: darken(@dark-primary-color, 5%);
       color: @light-color;
     }
     &:active,
     &.active {
       background: darken(@dark-primary-color, 4%);
-      border-color: darken(@dark-primary-color, 9%);
+      border-color: darken(@dark-primary-color, 7%);
       color: @light-color;
     }
     &.loading {
@@ -162,8 +158,8 @@
       border-top-left-radius: 0;
       margin-left: -.1rem;
     }
-    &:hover,
     &:focus,
+    &:hover,
     &:active,
     &.active {
       z-index: 9;
diff --git a/src/forms.less b/src/forms.less
index 6385236..b732d4f 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -232,11 +232,11 @@
         content: "";
         height: .2rem;
         left: 50%;
-        margin-left: -.4rem;
+        margin-left: -.5rem;
         margin-top: -.1rem;
         position: absolute;
         top: 50%;
-        width: .8rem;
+        width: 1rem;
       }
     }
   }
@@ -253,9 +253,10 @@
       content: "";
       height: .4rem;
       left: 50%;
+      margin-left: -.2rem;
+      margin-top: -.2rem;
       position: absolute;
       top: 50%;
-      transform: translate(-50%, -50%);
       width: .4rem;
     }
   }
diff --git a/src/variables.less b/src/variables.less
index 2e2bc96..097445c 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -25,11 +25,11 @@
 
 // Core colors
 @primary-color: #5764c6;
-@dark-primary-color: darken(@primary-color, 5%);
-@light-primary-color: lighten(@primary-color, 2%);
+@dark-primary-color: darken(@primary-color, 3%);
+@light-primary-color: lighten(@primary-color, 3%);
 @secondary-color: lighten(@primary-color, 40%);
-@dark-secondary-color: darken(@secondary-color, 5%);
-@light-secondary-color: lighten(@secondary-color, 2%);
+@dark-secondary-color: darken(@secondary-color, 3%);
+@light-secondary-color: lighten(@secondary-color, 3%);
 @dark-color: #333;
 @dark-gray-color: #666;
 @gray-color: #999;