Fix wrong shadow colors with form-select

1 files changed, 10 insertions, 18 deletions

diff --git a/src/forms.less b/src/forms.less
index 0f33fb5..f9dc328 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -53,23 +53,6 @@
     line-height: 2rem;
   }
 
-  // Form status
-  .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
   &[type=file] {
     height: auto;
@@ -139,16 +122,25 @@
     height: 4rem;
     padding: .9rem 2.4rem .9rem .8rem;
   }
+}
 
-  // Select status
+// Form validation states
+.form-input,
+.form-select {
   .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);
+    }
   }
 }