Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-21 06:02:34 -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);
}
&:invalid {
background-color: var(--db-primary);
}
&.success {
background-color: var(--db-primary);
border-color: var(--da-tertiary);
@ -84,6 +88,10 @@
color: var(--lf-secondary);
}
&:invalid {
background-color: var(--lb-primary);
}
&.success {
background-color: var(--lb-primary);
border-color: var(--la-tertiary);
@ -106,6 +114,10 @@
outline: none;
padding-block: var(--spacing-8);
padding-inline: var(--spacing-8);
&:invalid {
border-color: var(--error-500);
}
&.error {
border-color: var(--error-500);