From 877d3dcac3a966f113f4ef5f4e50510b52e31d1f Mon Sep 17 00:00:00 2001
From: matt <matt@fiddaman.net>
Date: Mon, 31 Jan 2022 15:08:19 +0000
Subject: [PATCH] Added mainForm component

---
 src/stylesheets/components/_form.scss     |  5 ++++-
 src/stylesheets/components/_mainForm.scss | 25 +++++++++++++++++++++++
 src/stylesheets/main.scss                 |  1 +
 3 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/stylesheets/components/_mainForm.scss

diff --git a/src/stylesheets/components/_form.scss b/src/stylesheets/components/_form.scss
index bebc1d5..809b433 100644
--- a/src/stylesheets/components/_form.scss
+++ b/src/stylesheets/components/_form.scss
@@ -1,4 +1,7 @@
 form.form {
+	display: grid;
+	gap: 1rem;
+
 	input:not([type='submit']), textarea {
 		background: #E1E1E1;
 		border: none;
@@ -6,7 +9,6 @@ form.form {
 		resize: none;
 		box-sizing: border-box;
 		border-radius: .25rem;
-		margin: .5rem 0;
 		padding: 1rem;
 
 		&::placeholder {
@@ -26,3 +28,4 @@ form.form {
 		}
 	}
 }
+
diff --git a/src/stylesheets/components/_mainForm.scss b/src/stylesheets/components/_mainForm.scss
new file mode 100644
index 0000000..e388319
--- /dev/null
+++ b/src/stylesheets/components/_mainForm.scss
@@ -0,0 +1,25 @@
+form.mainForm {
+	@extend .form;
+
+	input[type='submit'] {
+		@extend .btn, .btn--primary, .btn--full;
+		width: 100%;
+		padding: 1rem 0;
+	}
+}
+
+.mainFormContainer {
+	margin: 2rem auto 0 auto;
+	width: 85vw;
+
+	a {
+		margin: 1rem;
+		text-align: center;
+		display: block;
+		font-size: 1.2em;
+	}
+
+	@include respond-to('large') {
+		width: 40vw;
+	}
+}
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index a939b64..f8cb1d3 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -13,5 +13,6 @@
 @import 'components/title';
 @import 'components/form';
 @import 'components/mainPageHeader';
+@import 'components/mainForm';
 
 @import 'pages/index';