From 46a0ba30ef54a7e36206481a4f5b2bf1f9702fca Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Mon, 12 Mar 2018 14:06:25 -0400
Subject: wip

---
 frontend/components/styles/Form.js | 40 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 frontend/components/styles/Form.js

(limited to 'frontend/components/styles')

diff --git a/frontend/components/styles/Form.js b/frontend/components/styles/Form.js
new file mode 100644
index 0000000..db0eeb4
--- /dev/null
+++ b/frontend/components/styles/Form.js
@@ -0,0 +1,40 @@
+import styled from 'styled-components';
+
+const Form = styled.form`
+  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05);
+  background: rgba(0, 0, 0, 0.02);
+  border: 5px solid white;
+  margin: 100px;
+  padding: 100px;
+  font-size: 2.5rem;
+  font-weight: 600;
+  label {
+    margin-bottom: 1rem;
+    display: block;
+  }
+  input,
+  textarea,
+  select {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    width: 100%;
+    padding: 1rem;
+    font-size: 2rem;
+    border: 1px solid black;
+    &:focus {
+      outline: 0;
+      border-color: ${props => props.theme.red};
+    }
+  }
+  button,
+  input[type='submit'] {
+    width: auto;
+    background: red;
+    color: white;
+    border: 0;
+    font-size: 2rem;
+    font-weight: 600;
+    padding: 1rem 2rem;
+  }
+`;
+export default Form;
-- 
cgit v1.3