fix button focused style

1 files changed, 5 insertions, 3 deletions

diff --git a/src/buttons.less b/src/buttons.less
index cb97f5c..1dada53 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -18,8 +18,10 @@
   vertical-align: middle;
   white-space: nowrap;
 
-  &:hover,
   &:focus {
+    background: lighten(@core-color, 40%);
+  }
+  &:hover {
     background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
@@ -37,8 +39,8 @@
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
 
-    &:hover,
-    &:focus {
+    &:focus,
+    &:hover {
       background: darken(@core-color, 5%);
       border-color: darken(@core-color, 10%);
       color: @core-light-color;