aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/style
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-07-25 10:03:52 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-07-25 10:09:02 +0800
commit490fed622868d594f0e8ff790b2dda277c117a48 (patch)
treeb92a7213d45f118ce5193ba22c1751c23640e52e /packages/website/ts/style
parent9c81692d48fed4942fe6482949d6eed3629d4037 (diff)
downloaddexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar.gz
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar.bz2
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar.lz
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar.xz
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.tar.zst
dexon-sol-tools-490fed622868d594f0e8ff790b2dda277c117a48.zip
Make a non-jank Spinner component and use it
Diffstat (limited to 'packages/website/ts/style')
-rw-r--r--packages/website/ts/style/keyframes.ts22
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/website/ts/style/keyframes.ts b/packages/website/ts/style/keyframes.ts
new file mode 100644
index 000000000..28ea50247
--- /dev/null
+++ b/packages/website/ts/style/keyframes.ts
@@ -0,0 +1,22 @@
+import { keyframes } from 'ts/style/theme';
+
+export const rotate = keyframes`
+ 100% {
+ transform: rotate(360deg);
+ }
+`;
+
+export const dash = keyframes`
+ 0% {
+ stroke-dasharray: 1, 150;
+ stroke-dashoffset: 0;
+ }
+ 50% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -35;
+ }
+ 100% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -124;
+ }
+`;