From 82e387d33fc296b1e5a08fef17bcd4595e0c7071 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 10 Feb 2022 16:51:08 +0100 Subject: refactor: extract contact form from contact page The contact page file was too long. By extracting the contact form the readability is improved. --- src/components/ContactForm/ContactForm.module.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/components/ContactForm/ContactForm.module.scss (limited to 'src/components/ContactForm/ContactForm.module.scss') diff --git a/src/components/ContactForm/ContactForm.module.scss b/src/components/ContactForm/ContactForm.module.scss new file mode 100644 index 0000000..3f0e861 --- /dev/null +++ b/src/components/ContactForm/ContactForm.module.scss @@ -0,0 +1,21 @@ +@use "@styles/abstracts/functions" as fun; + +.status { + max-width: max-content; + margin: var(--spacing-md) 0; + padding: var(--spacing-sm); + border: fun.convert-px(3) solid var(--color-border-light); + border-radius: fun.convert-px(5); + + &--error { + border-color: var(--color-token-red); + } + + &--success { + border-color: var(--color-token-green); + } + + &--warning { + border-color: var(--color-token-orange); + } +} -- cgit v1.2.3