1 | #{$loading-prefix}-fusion-reactor[dir=rtl] {
|
2 | @include animation-name(nextVectorRouteRTL);
|
3 | }
|
4 |
|
5 | @include keyframes(nextVectorRouteRTL) {
|
6 | 0% {
|
7 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 0));
|
8 | }
|
9 | 5% {
|
10 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 1));
|
11 | }
|
12 | 25% {
|
13 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 1));
|
14 | }
|
15 | 30% {
|
16 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 2));
|
17 | }
|
18 | 50% {
|
19 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 2));
|
20 | }
|
21 | 55% {
|
22 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 3));
|
23 | }
|
24 | 75% {
|
25 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 3));
|
26 | }
|
27 | 80% {
|
28 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 4));
|
29 | }
|
30 | 100% {
|
31 | @include transform(rotate(get-compiling-value($loading-fusion-vector-rotation-step-rtl) * 4));
|
32 | }
|
33 | }
|