summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorrstular <rok@stular.eu>2020-02-17 15:15:55 +0100
committerrstular <rok@stular.eu>2020-02-17 15:15:55 +0100
commitfefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94 (patch)
tree803184e820a5002418a19ce4685d4621b7910b76 /css
parentneki sm delu, sam ne do konca (diff)
downloadbeziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar.gz
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar.bz2
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar.lz
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar.xz
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.tar.zst
beziapp-fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94.zip
Diffstat (limited to 'css')
-rw-r--r--css/styles.css48
1 files changed, 48 insertions, 0 deletions
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