diff options
| author | rstular <rok@stular.eu> | 2020-02-17 15:15:55 +0100 |
|---|---|---|
| committer | rstular <rok@stular.eu> | 2020-02-17 15:15:55 +0100 |
| commit | fefeee7ccf1b6fb6a133c8b9c5eb07b1760c2d94 (patch) | |
| tree | 803184e820a5002418a19ce4685d4621b7910b76 /css | |
| parent | neki sm delu, sam ne do konca (diff) | |
| download | beziapp-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.css | 48 |
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 |