From eb459cc248a5940a14193b20d263ffee3d345026 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 16 Dec 2021 13:40:12 +0100
Subject: chore: create contact page

---
 src/components/Form/Form.module.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/Form/Form.module.scss

(limited to 'src/components/Form/Form.module.scss')

diff --git a/src/components/Form/Form.module.scss b/src/components/Form/Form.module.scss
new file mode 100644
index 0000000..f23dfde
--- /dev/null
+++ b/src/components/Form/Form.module.scss
@@ -0,0 +1,31 @@
+@use "@styles/abstracts/functions" as fun;
+
+.wrapper {
+  width: 100%;
+}
+
+.item {
+  margin: var(--spacing-xs) 0;
+  max-width: 45ch;
+}
+
+.label {
+  display: block;
+  font-size: var(--font-size-sm);
+  font-variant: small-caps;
+  font-weight: 600;
+}
+
+.field {
+  border: fun.convert-px(1) solid var(--color-border);
+  width: 100%;
+  padding: var(--spacing-2xs) var(--spacing-xs);
+
+  &:focus {
+    border-color: var(--color-primary);
+  }
+}
+
+.textarea {
+  min-height: fun.convert-px(200);
+}
-- 
cgit v1.2.3