Add styles for focus:invalid form fields.

Pworz · Aug 20, 2024 · b0bb12a · b0bb12a
1 parent afe29b6
commit b0bb12a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
@@ -146,6 +146,10 @@ main {
     &:not(:placeholder-shown):invalid {
       background-color: var(--color-error-bg);
     }
+
+    &:focus:invalid {
+      background-color: var(--color-warning-bg);
+    }
   }
 
   button {