mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-12 23:56:36 +08:00
EYHN
24 lines
494 B
TypeScript
24 lines
494 B
TypeScript
import { createVar, keyframes, style } from '@vanilla-extract/css';
|
|
export const speedVar = createVar('speedVar');
|
|
const rotate = keyframes({
|
|
'0%': {
|
|
transform: 'rotate(0deg)',
|
|
},
|
|
'50%': {
|
|
transform: 'rotate(180deg)',
|
|
},
|
|
'100%': {
|
|
transform: 'rotate(360deg)',
|
|
},
|
|
});
|
|
export const loading = style({
|
|
transform: 'rotate(-90deg)',
|
|
});
|
|
|
|
export const rotateAnimation = style({
|
|
vars: {
|
|
[speedVar]: '1.5s',
|
|
},
|
|
animation: `${rotate} ${speedVar} infinite linear`,
|
|
});
|