From dbc3c8a69392a81283b29248d31bd92a23025367 Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Mon, 18 Jan 2021 11:54:12 +0200
Subject: Move invalid styles to common styles

---
 src/commonStyles.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/commonStyles.tsx')

diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx
index 89a2746..f5a5beb 100644
--- a/src/commonStyles.tsx
+++ b/src/commonStyles.tsx
@@ -1,4 +1,5 @@
 import { css } from "@emotion/react";
+import colors from "./colors";
 
 const selectable = css`
   -moz-user-select: text;
@@ -50,6 +51,12 @@ const textInputs = css`
   border-radius: 8px;
 `;
 
+const invalidStyles = css`
+  .invalid-box {
+    box-shadow: 0 0 10px ${colors.error};
+    border: none;
+  }
+`;
 
 export {
     selectable,
@@ -57,4 +64,5 @@ export {
     hiddenInput,
     multiSelectInput,
     textInputs,
+    invalidStyles
 };
-- 
cgit v1.2.3

