Fix form input focus colors

2 files changed, 8 insertions, 2 deletions

diff --git a/src/forms.less b/src/forms.less
index 8214be1..0f33fb5 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -57,11 +57,17 @@
   .has-success &,
   &.is-success {
     border-color: @control-color-success;
+    &:focus {
+      .control-shadow(@control-color-success);
+    }
   }
 
   .has-danger &,
   &.is-danger {
     border-color: @control-color-danger;
+    &:focus {
+      .control-shadow(@control-color-danger);
+    }
   }
 
   // Input types
diff --git a/src/mixins.less b/src/mixins.less
index 283df97..d2c5c7a 100644
--- a/src/mixins.less
+++ b/src/mixins.less
@@ -6,8 +6,8 @@
     display: table;
   }
 }
-.control-shadow() {
-  box-shadow: 0 0 0 .2rem fade(@primary-color, 15%);
+.control-shadow(@color: @primary-color) {
+  box-shadow: 0 0 0 .2rem fade(@color, 15%);
 }
 .control-transition() {
   transition: all .2s ease;