From 74ad79ea3163480051dcc5472e58b31f817022ba Mon Sep 17 00:00:00 2001
From: matt <matt@fiddaman.net>
Date: Tue, 25 Jan 2022 22:58:23 +0000
Subject: [PATCH] Added form styles

---
 src/stylesheets/components/_form.scss | 28 +++++++++++++++++++++++++++
 src/stylesheets/main.scss             |  1 +
 2 files changed, 29 insertions(+)
 create mode 100644 src/stylesheets/components/_form.scss

diff --git a/src/stylesheets/components/_form.scss b/src/stylesheets/components/_form.scss
new file mode 100644
index 0000000..bebc1d5
--- /dev/null
+++ b/src/stylesheets/components/_form.scss
@@ -0,0 +1,28 @@
+form.form {
+	input:not([type='submit']), textarea {
+		background: #E1E1E1;
+		border: none;
+		width: 100%;
+		resize: none;
+		box-sizing: border-box;
+		border-radius: .25rem;
+		margin: .5rem 0;
+		padding: 1rem;
+
+		&::placeholder {
+			color: #686868;
+		}
+
+		&:focus {
+		    outline: 1px solid grey;
+		}
+	}
+
+	@include respond-to('medium') {
+		.form__input-group {
+			display: grid;
+			grid-template-columns: 1fr 1fr;
+			gap: 1rem;
+		}
+	}
+}
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index d71270a..c3ef591 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -11,3 +11,4 @@
 @import 'components/feature';
 @import 'components/testimonial';
 @import 'components/title';
+@import 'components/form';