js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 20:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

touch up form validation styles

Browse Source
This commit is contained in:
lindsaym-fa
2024-05-22 11:52:41 -04:00
parent 08f39419a3
commit cabdba9bd1
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/themes/forms.css
View File

@@ -1,23 +1,23 @@
.wa-invalid {
--wa-form-controls-resting-color: var(--wa-color-danger-border-normal);
--wa-form-controls-resting-color: var(--wa-color-danger-border-loud);
--wa-form-controls-activated-color: var(--wa-color-danger-fill-loud);
--wa-form-controls-value-color: var(--wa-color-danger-on-quiet);
/* Focus ring */
--wa-focus-ring: solid var(--wa-border-width-l) var(--wa-color-danger-fill-loud);
--wa-color-focus: var(--wa-color-danger-border-loud);
/* Help text */
--wa-color-text-quiet: var(--wa-color-danger-on-normal);
--wa-color-text-quiet: var(--wa-color-danger-on-quiet);
}
.wa-valid {
--wa-form-controls-resting-color: var(--wa-color-success-border-normal);
--wa-form-controls-resting-color: var(--wa-color-success-border-loud);
--wa-form-controls-activated-color: var(--wa-color-success-fill-loud);
--wa-form-controls-value-color: var(--wa-color-success-on-quiet);
/* Focus ring */
--wa-focus-ring: solid var(--wa-border-width-l) var(--wa-color-success-fill-loud);
--wa-color-focus: var(--wa-color-success-border-loud);
/* Help text */
--wa-color-text-quiet: var(--wa-color-success-on-normal);
--wa-color-text-quiet: var(--wa-color-success-on-quiet);
}