blob: ba141c01ebec0ad9ec6f7187f3dae148bd9e92e1 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
import { css, keyframes, styled } from 'ts/style/theme';
const appearFromBottomFrames = keyframes`
from {
position: fixed;
bottom: -500px;
left: 0px;
right: 0px;
}
to {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
}
`;
const stylesForAnimation = css`
position: fixed;
`;
const animations = css`
animation: ${appearFromBottomFrames} 1s ease 0s 1 forwards;
`;
export const EaseUpFromBottomAnimation = styled.div`
${props => animations};
${props => stylesForAnimation};
`;
EaseUpFromBottomAnimation.displayName = 'EaseUpFromBottomAnimation';
|