diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-25 03:57:25 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-25 03:57:25 +0800 |
commit | 11f7f2d29fb0a32cfb65e6206747a8ea35ad0744 (patch) | |
tree | 51507b8e5a834b6f8816dbba84d8cf7b8477fc5b /packages/instant/src/components/animations | |
parent | c5554fe30c199155d4e020028aa4aa1f808918b9 (diff) | |
parent | 059868e9942fed4616750d212e706f09d17f397b (diff) | |
download | dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.gz dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.bz2 dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.lz dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.xz dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.zst dexon-0x-contracts-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.zip |
Merge branch 'development' of https://github.com/0xProject/0x-monorepo into feature/instant/input-fees-rounding
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}; +`; |