Update: code and docs cleanup

1 files changed, 13 insertions, 11 deletions

diff --git a/src/buttons.less b/src/buttons.less
index e42a31f..3547e11 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -17,7 +17,6 @@
   user-select: none;
   vertical-align: middle;
   white-space: nowrap;
-
   &:focus {
     background: lighten(@core-secondary-color, 1%);
   }
@@ -38,22 +37,22 @@
     background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
-
     &:focus {
-      background: darken(@core-color, 2%);
+      background: darken(@core-color, 4%);
+      border-color: darken(@core-color, 10%);
+      color: @core-light-color;
     }
     &:hover {
-      background: darken(@core-color, 5%);
-      border-color: darken(@core-color, 10%);
+      background: darken(@core-color, 6%);
+      border-color: darken(@core-color, 15%);
       color: @core-light-color;
     }
     &:active,
     &.active {
-      background: darken(@core-color, 10%);
+      background: darken(@core-color, 8%);
       border-color: darken(@core-color, 15%);
       color: @core-light-color;
     }
-
     &.loading {
       &::after {
         border-color: @core-light-color;
@@ -68,13 +67,14 @@
     background: transparent;
     border-color: transparent;
     color: @core-link-color;
-
-    &:hover,
-    &:focus {
+    &:focus,
+    &:hover {
+      background: lighten(@core-border-color, 2%);
       color: darken(@core-link-color, 15%);
     }
     &:active,
     &.active {
+      background: @core-border-color;
       color: darken(@core-link-color, 25%);
     }
   }
@@ -146,7 +146,9 @@
       margin-left: -.1rem;
     }
     &:hover,
-    &:focus {
+    &:focus,
+    &:active,
+    &.active {
       z-index: 99;
     }
   }