forked from github/cinny
25 lines
588 B
TypeScript
25 lines
588 B
TypeScript
import { keyframes, style } from '@vanilla-extract/css';
|
|
import { color, toRem } from 'folds';
|
|
|
|
const pushRight = keyframes({
|
|
from: {
|
|
transform: `translateX(${toRem(2)}) scale(1)`,
|
|
},
|
|
to: {
|
|
transform: 'translateX(0) scale(1)',
|
|
},
|
|
});
|
|
|
|
export const UnverifiedTab = style({
|
|
animationName: pushRight,
|
|
animationDuration: '400ms',
|
|
animationIterationCount: 30,
|
|
animationDirection: 'alternate',
|
|
});
|
|
|
|
export const UnverifiedAvatar = style({
|
|
backgroundColor: color.Critical.Container,
|
|
color: color.Critical.OnContainer,
|
|
borderColor: color.Critical.ContainerLine,
|
|
});
|