[RD-1805] Fix input invalid style

flywirecorp · Oct 3, 2018 · 23dacd6 · 23dacd6
1 parent ee69061
commit 23dacd6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/_docs/components/forms2.md b/docs/_docs/components/forms2.md
@@ -29,7 +29,7 @@ file: components/FormElements/
 
   <div class="FormGroup FormGroup--floatingLabel has-error">
     <input type="email" class="Input" id="errorInput" />
-    <label class="Label" for="errorInput">Enter your name</label>
+    <label class="Label" for="errorInput">Enter your email</label>
     <p class="FormGroup-feedback">This is a required field</p>
   </div>
 

diff --git a/src/mixins/_forms.scss b/src/mixins/_forms.scss
@@ -39,8 +39,8 @@
   }
 
   &:focus {
-    border: $form-field-border-focus;
-    box-shadow: $form-field-box-shadow-focus;
+    border: $form-field-border-focus !important;
+    box-shadow: $form-field-box-shadow-focus !important;
   }
 
   &::placeholder {
@@ -69,8 +69,8 @@
     display: none;
   }
 
-  &:invalid {
-    box-shadow: none;
+  &:not(output) {
+    box-shadow: inherit;
   }
 }