simplify invalid input css

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 49e63bd315b4e72bcf5d198a7e8120a0e59530cc..2d2e7be0d6f43130a3f8a7353b72f6486220550e 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1588,16 +1588,16 @@ input[type="checkbox"][readonly] {
   border-color: #3a87ad;
 }
 
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
+input:invalid,
+select:invalid,
+textarea:invalid {
   color: #b94a48;
   border-color: #ee5f5b;
 }
 
-input:focus:invalid:focus,
-textarea:focus:invalid:focus,
-select:focus:invalid:focus {
+input:invalid:focus,
+select:invalid:focus,
+textarea:invalid:focus {
   border-color: #e9322d;
   -webkit-box-shadow: 0 0 6px #f8b9b7;
      -moz-box-shadow: 0 0 6px #f8b9b7;

diff --git a/less/forms.less b/less/forms.less
index 172ed027dcae6e98735cfd7641a957f874a0437d..13f9c25f620cb32d40abd461bf2ce20bfbcfc9ab 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -366,15 +366,14 @@ input[type="checkbox"][readonly] {
 
 // HTML5 invalid states
 // Shares styles with the .control-group.error above
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
+input:invalid,
+select:invalid,
+textarea:invalid {
   color: #b94a48;
   border-color: #ee5f5b;
   &:focus {
     border-color: darken(#ee5f5b, 10%);
-    @shadow: 0 0 6px lighten(#ee5f5b, 20%);
-    .box-shadow(@shadow);
+    .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
   }
 }