diff options
| author | Evgeny Zinoviev <me@ch1p.io> | 2022-07-10 01:30:05 +0300 |
|---|---|---|
| committer | Evgeny Zinoviev <me@ch1p.io> | 2022-07-10 23:53:02 +0300 |
| commit | 1c524efbf7da91cb99bb4516feb514071e938495 (patch) | |
| tree | e1fced0104749014db154f5d3b29881e705bfafc /htdocs/scss/app/form.scss | |
| parent | 8979719a1af4bc0712407db7f95704f645f261a3 (diff) | |
dark theme support
Diffstat (limited to 'htdocs/scss/app/form.scss')
| -rw-r--r-- | htdocs/scss/app/form.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/htdocs/scss/app/form.scss b/htdocs/scss/app/form.scss new file mode 100644 index 0000000..197732c --- /dev/null +++ b/htdocs/scss/app/form.scss @@ -0,0 +1,59 @@ +@import '../vars'; + +$form-field-label-width: 120px; + +form { display: block; margin: 0; } + +.form-layout-h { + .form-field-wrap { + padding: 8px 0; + } + .form-field-label { + float: left; + width: $form-field-label-width; + text-align: right; + padding: 7px 0 0; + } + .form-field { + margin-left: $form-field-label-width + 10px; + } +} + +.form-layout-v { + .form-field-wrap { + padding: 6px 0; + } + .form-field-wrap:first-child { + padding-top: 0; + } + .form-field-wrap:last-child { + padding-bottom: 0; + } + .form-field-label { + padding: 0 0 4px 4px; + font-weight: bold; + font-size: 12px; + letter-spacing: 0.5px; + text-transform: uppercase; + color: $grey; + } + .form-field { + //margin-left: $form-field-label-width + 10px; + } +} + +.form-error { + padding: 10px 13px; + margin-bottom: $base-padding; + background-color: $error-block-bg; + color: $error-block-fg; + @include radius(3px); +} + +.form-success { + padding: 10px 13px; + margin-bottom: $base-padding; + background-color: $success-block-bg; + color: $success-block-fg; + @include radius(3px); +} |