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
| .fade-motion(@className, @keyframeName) {
| .make-motion(@className, @keyframeName, @animation-time-quick);
| .@{className}-enter-active, .@{className}-appear {
| opacity: 0;
| animation-timing-function: linear;
| }
| .@{className}-leave-active {
| animation-timing-function: linear;
| }
| }
|
| .fade-motion(fade, ivuFade);
|
| @keyframes ivuFadeIn {
| 0% {
| opacity: 0;
| }
| 100% {
| opacity: 1;
| }
| }
|
| @keyframes ivuFadeOut {
| 0% {
| opacity: 1;
| }
| 100% {
| opacity: 0;
| }
| }
|
|
