diff options
author | Brandon Millman <brandon@0xproject.com> | 2018-12-18 06:50:36 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-18 06:50:36 +0800 |
commit | 4e80c395b15fc1a9ee33eea8b476527dcba672c5 (patch) | |
tree | a83587b2104832cc2e3d21f8a6b8e5d1415226eb /packages/website/ts/components/ui/animation.tsx | |
parent | 30ccddf0d521f0721f475ae75039fdb966ff7ab0 (diff) | |
parent | c4036d7d0f0b0aa2491b67ea882365858574d440 (diff) | |
download | dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar.gz dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar.bz2 dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar.lz dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar.xz dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.tar.zst dexon-0x-contracts-4e80c395b15fc1a9ee33eea8b476527dcba672c5.zip |
Merge pull request #1443 from 0xProject/feature/website/0x-org-portal-updated
[0x.org] fix portal
Diffstat (limited to 'packages/website/ts/components/ui/animation.tsx')
-rw-r--r-- | packages/website/ts/components/ui/animation.tsx | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/packages/website/ts/components/ui/animation.tsx b/packages/website/ts/components/ui/animation.tsx deleted file mode 100644 index 943e3bf28..000000000 --- a/packages/website/ts/components/ui/animation.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import * as React from 'react'; -import { keyframes, styled } from 'ts/style/theme'; - -export type AnimationType = 'easeUpFromBottom'; - -export interface AnimationProps { - type: AnimationType; -} - -const PlainAnimation: React.StatelessComponent<AnimationProps> = props => <div {...props} />; - -const appearFromBottomFrames = keyframes` - from { - position: fixed; - bottom: -500px; - left: 0px; - right: 0px; - } - - to { - position: fixed; - bottom: 0px; - left: 0px; - right: 0px; - } -`; - -const stylesForAnimation: { [K in AnimationType]: string } = { - // Needed for safari - easeUpFromBottom: `position: fixed`, -}; - -const animations: { [K in AnimationType]: string } = { - easeUpFromBottom: `${appearFromBottomFrames} 1s ease 0s 1 forwards`, -}; - -export const Animation = styled(PlainAnimation)` - animation: ${props => animations[props.type]}; - ${props => stylesForAnimation[props.type]}; -`; - -Animation.displayName = 'Animation'; |