From 6725c1eb84b65b4c4f842798696aca5cb05c323a Mon Sep 17 00:00:00 2001
From: CodeSteak <codesteak@shellf.art>
Date: Sun, 12 Jan 2020 17:59:56 +0100
Subject: [PATCH] Add Error Inputs to Global CSS

---
 prototype/src/main/resources/static/css/ecom.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/prototype/src/main/resources/static/css/ecom.css b/prototype/src/main/resources/static/css/ecom.css
index fa56af0..91f4b89 100644
--- a/prototype/src/main/resources/static/css/ecom.css
+++ b/prototype/src/main/resources/static/css/ecom.css
@@ -38,6 +38,8 @@
 
    --c-black: var(--root-c-black);
    --c-black-highlight: var(--root-c-black-highlight);
+
+   --c-error: #c0392b;
 }
 
 .primary {
@@ -218,6 +220,12 @@ input[type="password"] {
    /* box-shadow: var(--s-0-secondary); */
 }
 
+input[type="text"]:invalid,
+input[type="password"]:invalid {
+   background-color: var(--c-error);
+   color: var(--c-base);
+}
+
 input[type="text"]::placeholder,
 input[type="password"]::placeholder  {
   color: var(--c-primary-highlight);