diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-10-25 03:53:18 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-25 03:53:18 +0800 |
commit | 059868e9942fed4616750d212e706f09d17f397b (patch) | |
tree | 7c70fcd71641479479ff831e9e665f7b8e69fa30 /packages/instant/src/components/animations | |
parent | 06ba26a6d30565e7c6c4032528089d30ecc39fdd (diff) | |
parent | 09f0bf7f0062bba51380ae904bff96baddf5f0f2 (diff) | |
download | dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar.gz dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar.bz2 dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar.lz dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar.xz dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.tar.zst dexon-0x-contracts-059868e9942fed4616750d212e706f09d17f397b.zip |
Merge pull request #1179 from 0xProject/feature/instant/processing-state
[instant] Success and Processing state
Diffstat (limited to 'packages/instant/src/components/animations')
-rw-r--r-- | packages/instant/src/components/animations/full_rotation.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/packages/instant/src/components/animations/full_rotation.tsx b/packages/instant/src/components/animations/full_rotation.tsx new file mode 100644 index 000000000..9adb565f9 --- /dev/null +++ b/packages/instant/src/components/animations/full_rotation.tsx @@ -0,0 +1,24 @@ +import { keyframes, styled } from '../../style/theme'; + +interface FullRotationProps { + height: string; + width: string; +} +const rotatingKeyframes = keyframes` +from { + transform: rotate(0deg); +} + +to { + transform: rotate(360deg); +} +`; + +export const FullRotation = + styled.div < + FullRotationProps > + ` + animation: ${rotatingKeyframes} 2s linear infinite; + height: ${props => props.height}; + width: ${props => props.width}; +`; |