diff options
author | Alex Browne <stephenalexbrowne@gmail.com> | 2019-01-10 04:12:05 +0800 |
---|---|---|
committer | Alex Browne <stephenalexbrowne@gmail.com> | 2019-01-11 09:41:13 +0800 |
commit | 89e398fa39fd14c9fd4a467fdd039920fb28a420 (patch) | |
tree | 95a50e9d5c151d66f155de77d08cc203f250cccf /packages/website/ts/components/newsletter_form.tsx | |
parent | 53fc860d6190c19f13c451eb89dd5c0c1cdcd1f4 (diff) | |
download | dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.gz dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.bz2 dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.lz dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.xz dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.zst dexon-sol-tools-89e398fa39fd14c9fd4a467fdd039920fb28a420.zip |
Update prettier to version ^1.15.3
Diffstat (limited to 'packages/website/ts/components/newsletter_form.tsx')
-rw-r--r-- | packages/website/ts/components/newsletter_form.tsx | 26 |
1 files changed, 7 insertions, 19 deletions
diff --git a/packages/website/ts/components/newsletter_form.tsx b/packages/website/ts/components/newsletter_form.tsx index bd61e3f4d..e5fd95646 100644 --- a/packages/website/ts/components/newsletter_form.tsx +++ b/packages/website/ts/components/newsletter_form.tsx @@ -117,10 +117,7 @@ const StyledForm = styled.form` margin-top: 27px; `; -const StyledInput = - styled.input < - InputProps > - ` +const StyledInput = styled.input<InputProps>` appearance: none; background-color: transparent; border: 0; @@ -132,7 +129,7 @@ const StyledInput = width: 100%; &::placeholder { - color: #B1B1B1; // #9D9D9D on light theme + color: #b1b1b1; // #9D9D9D on light theme } `; @@ -140,14 +137,11 @@ const InputWrapper = styled.div` position: relative; `; -const InnerInputWrapper = - styled.div < - ArrowProps > - ` +const InnerInputWrapper = styled.div<ArrowProps>` opacity: ${props => props.isSubmitted && 0}; visibility: ${props => props.isSubmitted && 'hidden'}; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; - transition-delay: 0.30s; + transition-delay: 0.3s; `; const SubmitButton = styled.button` @@ -174,11 +168,8 @@ const Text = styled.p` margin-top: 15px; `; -const SuccessText = - styled.p < - ArrowProps > - ` - color: #B1B1B1; +const SuccessText = styled.p<ArrowProps>` + color: #b1b1b1; font-size: 1rem; font-weight: 300; line-height: 1.2em; @@ -194,10 +185,7 @@ const SuccessText = transition-delay: 0.55s; `; -const Arrow = - styled.svg < - ArrowProps > - ` +const Arrow = styled.svg<ArrowProps>` transform: ${props => props.isSubmitted && `translateX(44px)`}; transition: transform 0.25s ease-in-out; `; |