From 6cddfdf8fe9bccc291ee8625d42cb42fd4ce2134 Mon Sep 17 00:00:00 2001 From: Ashelyn Rose Date: Mon, 8 May 2023 17:28:42 -0600 Subject: implemented contact form --- styles/form.module.css | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 styles/form.module.css (limited to 'styles/form.module.css') diff --git a/styles/form.module.css b/styles/form.module.css new file mode 100644 index 0000000..56ed09a --- /dev/null +++ b/styles/form.module.css @@ -0,0 +1,34 @@ +.form { + display: grid; + grid-template-columns: fit-content(30px) 1fr; + grid-row-gap: var(--text-padding); + grid-column-gap: var(--text-padding); +} + +.form textarea { + min-height: 160px; + resize: none; +} + +.form button[type="submit"], +.form .status{ + grid-column: 1 / -1; + text-align: center; +} + +.form input, +.form textarea, +.form button[type="submit"] { + color: white; + background: var(--page-background); + border: none; + box-sizing: border-box; + padding: 4px; + height: 32px; + width: 100%; + box-shadow: none; +} + +.form button[type="submit"] { + cursor: pointer; +} -- cgit 1.4.1