Merge pull request #41 from picturepan2/hotfix/code-cleanup v0.1.22

Hotfix/code cleanup

7 files changed, 17 insertions, 14 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index c85b89d..d1cc42b 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -55,10 +55,10 @@
 
     &:hover,
     &:focus {
-      background: lighten(@core-color, 42%);
+      background: lighten(@core-secondary-color, 5%);
     }
     &.active {
-      background: lighten(@core-color, 40%);
+      background: @core-secondary-color;
     }
   }
 }
diff --git a/src/buttons.less b/src/buttons.less
index 1dada53..742a331 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -19,7 +19,7 @@
   white-space: nowrap;
 
   &:focus {
-    background: lighten(@core-color, 40%);
+    background: lighten(@core-secondary-color, 1%);
   }
   &:hover {
     background: @core-color;
@@ -39,7 +39,9 @@
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
 
-    &:focus,
+    &:focus {
+      background: darken(@core-color, 2%);
+    }
     &:hover {
       background: darken(@core-color, 5%);
       border-color: darken(@core-color, 10%);
diff --git a/src/chips.less b/src/chips.less
index 51e4f53..f865fe9 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -32,7 +32,7 @@
 // Small chips
 .chip-sm {
   align-items: center;
-  background: lighten(@core-color, 40%);
+  background: @core-secondary-color;
   border-radius: .3rem;
   color: #666;
   display: inline-flex;
@@ -45,7 +45,7 @@
 
   &:hover,
   &:focus {
-    background: lighten(@core-color, 38%);
+    background: darken(@core-secondary-color, 2%);
   }
 
   .btn-clear {
diff --git a/src/forms.less b/src/forms.less
index 77d02ec..e523c25 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -202,27 +202,27 @@
     border: .1rem solid @control-color;
     border-radius: .9rem;
     display: inline-block;
-    height: 1.8rem;
+    height: 1.6rem;
     left: 0;
     line-height: 2.4rem;
     outline: none;
     padding: 0;
     position: absolute;
-    top: .3rem;
+    top: .4rem;
     vertical-align: top;
-    width: 3rem;
+    width: 2.6rem;
 
     &::after {
       background: #fff;
       border-radius: .8rem;
       content: "";
       display: block;
-      height: 1.6rem;
+      height: 1.4rem;
       left: 0;
       position: absolute;
       top: 0;
       transition: left .15s ease;
-      width: 1.6rem;
+      width: 1.4rem;
     }
   }
 
@@ -231,7 +231,7 @@
     border-color: @core-color;
 
     &::after {
-      left: 1.2rem;
+      left: 1rem;
     }
   }
 }
diff --git a/src/menus.less b/src/menus.less
index 2c0630d..8c7fbe7 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -33,7 +33,7 @@
       }
       &:active,
       &.active {
-        background: lighten(@core-color, 40%);
+        background: @core-secondary-color;
         color: darken(@core-link-color, 5%);
       }
     }
diff --git a/src/navigation.less b/src/navigation.less
index 65d67b9..82d0e6f 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -102,7 +102,7 @@
 
       &:hover,
       &:focus {
-        background: lighten(@core-color, 40%);
+        background: @core-secondary-color;
       }
     }
 
diff --git a/src/variables.less b/src/variables.less
index 4b3e163..479cfc5 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -12,6 +12,7 @@
 
 // Colors
 @core-color: #5764c6;
+@core-secondary-color: lighten(@core-color, 40%);
 @core-light-color: #fff;
 @core-meta-color: #888;
 @core-link-color: #5764c6;