Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-21 22:22:45 -05:00
Code Issues Activity

fix: add error styles on invalid input

Browse source 
Signed-off-by: Michał Korczak <michal.k2001@gmail.com>
This commit is contained in:
Michał Korczak 2025-01-02 04:14:28 +00:00
parent dfbc9a99ae
commit a6ce4509c1
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
libs/plugins-styles/src/lib/components/input.css
View file

@ -42,6 +42,10 @@
color: var(--df-secondary); color: var(--df-secondary);
} }
&:invalid {
background-color: var(--db-primary);
}
&.success { &.success {
background-color: var(--db-primary); background-color: var(--db-primary);
border-color: var(--da-tertiary); border-color: var(--da-tertiary);
@ -84,6 +88,10 @@
color: var(--lf-secondary); color: var(--lf-secondary);
} }
&:invalid {
background-color: var(--lb-primary);
}
&.success { &.success {
background-color: var(--lb-primary); background-color: var(--lb-primary);
border-color: var(--la-tertiary); border-color: var(--la-tertiary);
@ -107,6 +115,10 @@
padding-block: var(--spacing-8); padding-block: var(--spacing-8);
padding-inline: var(--spacing-8); padding-inline: var(--spacing-8);
&:invalid {
border-color: var(--error-500);
}
&.error { &.error {
border-color: var(--error-500); border-color: var(--error-500);
} }