19 lines
346 B
TypeScript
19 lines
346 B
TypeScript
import { keyframes, styled } from '@/theme';
|
|
|
|
const SkeletonKeyframes = keyframes({
|
|
'0%': {
|
|
opacity: '1',
|
|
},
|
|
'50%': {
|
|
opacity: '0.5',
|
|
},
|
|
'100%': {
|
|
opacity: '1',
|
|
},
|
|
});
|
|
|
|
export const Skeleton = styled('div', {
|
|
animation: `${SkeletonKeyframes} 1s ease-in-out infinite`,
|
|
backgroundColor: '$slate6',
|
|
});
|