From 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Fri, 10 Feb 2023 21:40:00 +0100
Subject: Desktop version

---
 sass/components/_contact-form.scss | 40 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 sass/components/_contact-form.scss

(limited to 'sass/components/_contact-form.scss')

diff --git a/sass/components/_contact-form.scss b/sass/components/_contact-form.scss
new file mode 100644
index 0000000..a2a9c40
--- /dev/null
+++ b/sass/components/_contact-form.scss
@@ -0,0 +1,40 @@
+@use "../abstracts/" as *;
+
+.messenger-form {
+  @include standard-grid;
+  gap: 2rem;
+  width: 50%;
+
+  // container for each label & input
+  div {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    flex-direction: column;
+    gap: 1rem;
+
+    // div container with textarea input spans entire column, pushes button to next row
+    &.text-area {
+      grid-column: 1 / 3;
+    }
+  }
+
+  label {
+    font-weight: bold;
+  }
+
+  input,
+  textarea {
+    background-color: $text-main;
+    border: none;
+    border-radius: 10px;
+    padding: 0.5rem;
+    width: 100%;
+
+    &:focus {
+      color: $text-main;
+      background-color: $bg-text-container;
+      outline: 3px solid $text-special-dark;
+    }
+  }
+}
-- 
cgit v1.2.3