summaryrefslogtreecommitdiffstats
path: root/stepped-solutions/FINISHED/frontend/components/styles/Form.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-09-14 12:18:12 -0400
committerWes Bos <wesbos@gmail.com>2018-09-14 12:18:12 -0400
commit2d145b026cfdf54a63bef0b9d6324b6785390307 (patch)
treef6c1d8f987437803a5c026e70535bf9ff244e885 /stepped-solutions/FINISHED/frontend/components/styles/Form.js
parent8a5825d52271d712ec7c8348447d433067e13ef2 (diff)
move finished folder
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/styles/Form.js')
-rw-r--r--stepped-solutions/FINISHED/frontend/components/styles/Form.js71
1 files changed, 0 insertions, 71 deletions
diff --git a/stepped-solutions/FINISHED/frontend/components/styles/Form.js b/stepped-solutions/FINISHED/frontend/components/styles/Form.js
deleted file mode 100644
index 5717130..0000000
--- a/stepped-solutions/FINISHED/frontend/components/styles/Form.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-
-const loading = keyframes`
- from {
- background-position: 0 0;
- /* rotate: 0; */
- }
-
- to {
- background-position: 100% 100%;
- /* rotate: 360deg; */
- }
-`;
-
-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;
- padding: 20px;
- font-size: 1.5rem;
- line-height: 1.5;
- font-weight: 600;
- label {
- display: block;
- margin-bottom: 1rem;
- }
- input,
- textarea,
- select {
- width: 100%;
- padding: 0.5rem;
- font-size: 1rem;
- 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: 0.5rem 1.2rem;
- }
- fieldset {
- border: 0;
- padding: 0;
-
- &[disabled] {
- opacity: 0.5;
- }
- &::before {
- height: 10px;
- content: '';
- display: block;
- background-image: linear-gradient(to right, #ff3019 0%, #e2b04a 50%, #ff3019 100%);
- }
- &[aria-busy='true']::before {
- background-size: 50% auto;
- animation: ${loading} 0.5s linear infinite;
- }
- }
-`;
-
-Form.displayName = 'Form';
-
-export default Form;