From fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94 Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Mon, 17 Feb 2020 15:15:55 +0100
Subject: Reformatting

---
 css/styles.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

(limited to 'css')

diff --git a/css/styles.css b/css/styles.css
index 73c6be6..8ad12a0 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3,6 +3,12 @@
     --color-secondary: rgba(0, 77, 50, 1);
     --color-accent: rgba(0, 156, 101, 1);
     --color-primary-light: rgba(230, 250, 231, 1);
+    --color-invalid: rgba(192, 0, 0, 1);
+    --background-color: rgba(255, 255, 255, 1);
+}
+
+body {
+    background: var(--background-color);
 }
 
 .title-primary {
@@ -99,4 +105,46 @@ a.collection-item {
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
+}
+
+/* label focus color */
+
+.input-field input[type=text]:focus+label {
+    color: var(--color-primary);
+}
+
+/* label underline focus color */
+
+.input-field input[type=text]:focus {
+    border-bottom: 1px solid var(--color-primary) !important;
+    box-shadow: 0 1px 0 0 var(--color-primary) !important;
+}
+
+/* valid color */
+
+.input-field input[type=text].valid {
+    border-bottom: 1px solid var(--color-secondary);
+    box-shadow: 0 1px 0 0 var(--color-secondary);
+}
+
+/* invalid color */
+
+.input-field input[type=text].invalid {
+    border-bottom: 1px solid var(--color-invalid);
+    box-shadow: 0 1px 0 0 var(--color-invalid);
+}
+
+/* icon prefix focus color */
+
+.input-field .prefix.active {
+    color: var(--color-primary);
+}
+
+.input-field textarea:not([readonly]):focus+label {
+    color: var(--color-primary) !important;
+}
+
+.input-field textarea:not([readonly]):focus {
+    border-bottom: 1px solid var(--color-primary) !important;
+    box-shadow: 0 1px 0 0 var(--color-primary) !important;
 }
\ No newline at end of file
-- 
cgit v1.2.3