@castlenine/svelte-aoe 1.3.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animations.css +42 -42
- package/package.json +1 -1
package/dist/animations.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
transform: translateY(45px);
|
|
7
7
|
transition:
|
|
8
8
|
transform 600ms,
|
|
9
|
-
opacity
|
|
9
|
+
opacity 900ms;
|
|
10
10
|
|
|
11
11
|
&.aoe {
|
|
12
12
|
transform: translateY(0);
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
transform: translateX(-45px);
|
|
19
19
|
transition:
|
|
20
20
|
transform 600ms,
|
|
21
|
-
opacity
|
|
21
|
+
opacity 900ms;
|
|
22
22
|
|
|
23
23
|
&.aoe {
|
|
24
24
|
transform: translateX(0);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
transform: translateY(-45px);
|
|
31
31
|
transition:
|
|
32
32
|
transform 600ms,
|
|
33
|
-
opacity
|
|
33
|
+
opacity 900ms;
|
|
34
34
|
|
|
35
35
|
&.aoe {
|
|
36
36
|
transform: translateY(0);
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
transform: translateX(45px);
|
|
43
43
|
transition:
|
|
44
44
|
transform 600ms,
|
|
45
|
-
opacity
|
|
45
|
+
opacity 900ms;
|
|
46
46
|
|
|
47
47
|
&.aoe {
|
|
48
48
|
opacity: 1;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
transform: translateY(45px);
|
|
57
57
|
transition:
|
|
58
58
|
transform 370ms,
|
|
59
|
-
opacity
|
|
59
|
+
opacity 555ms;
|
|
60
60
|
|
|
61
61
|
&.aoe {
|
|
62
62
|
transform: translateY(0);
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
transform: translateX(-45px);
|
|
69
69
|
transition:
|
|
70
70
|
transform 370ms,
|
|
71
|
-
opacity
|
|
71
|
+
opacity 555ms;
|
|
72
72
|
|
|
73
73
|
&.aoe {
|
|
74
74
|
transform: translateX(0);
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
transform: translateY(-45px);
|
|
81
81
|
transition:
|
|
82
82
|
transform 370ms,
|
|
83
|
-
opacity
|
|
83
|
+
opacity 555ms;
|
|
84
84
|
|
|
85
85
|
&.aoe {
|
|
86
86
|
transform: translateY(0);
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
transform: translateX(45px);
|
|
93
93
|
transition:
|
|
94
94
|
transform 370ms,
|
|
95
|
-
opacity
|
|
95
|
+
opacity 555ms;
|
|
96
96
|
|
|
97
97
|
&.aoe {
|
|
98
98
|
opacity: 1;
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
transform: translateY(45px);
|
|
107
107
|
transition:
|
|
108
108
|
transform 975ms,
|
|
109
|
-
opacity
|
|
109
|
+
opacity 1500ms;
|
|
110
110
|
|
|
111
111
|
&.aoe {
|
|
112
112
|
transform: translateY(0);
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
transform: translateX(-45px);
|
|
119
119
|
transition:
|
|
120
120
|
transform 975ms,
|
|
121
|
-
opacity
|
|
121
|
+
opacity 1500ms;
|
|
122
122
|
|
|
123
123
|
&.aoe {
|
|
124
124
|
transform: translateX(0);
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
transform: translateY(-45px);
|
|
131
131
|
transition:
|
|
132
132
|
transform 975ms,
|
|
133
|
-
opacity
|
|
133
|
+
opacity 1500ms;
|
|
134
134
|
|
|
135
135
|
&.aoe {
|
|
136
136
|
transform: translateY(0);
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
transform: translateX(45px);
|
|
143
143
|
transition:
|
|
144
144
|
transform 975ms,
|
|
145
|
-
opacity
|
|
145
|
+
opacity 1500ms;
|
|
146
146
|
|
|
147
147
|
&.aoe {
|
|
148
148
|
opacity: 1;
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
/* normal speed */
|
|
158
158
|
[data-aoe='fade'] {
|
|
159
159
|
opacity: 0;
|
|
160
|
-
transition: opacity
|
|
160
|
+
transition: opacity 900ms;
|
|
161
161
|
|
|
162
162
|
&.aoe {
|
|
163
163
|
opacity: 1;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
transform: translateY(45px);
|
|
171
171
|
transition:
|
|
172
172
|
transform 600ms,
|
|
173
|
-
opacity
|
|
173
|
+
opacity 900ms;
|
|
174
174
|
|
|
175
175
|
&.aoe {
|
|
176
176
|
opacity: 1;
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
transform: translateX(-45px);
|
|
185
185
|
transition:
|
|
186
186
|
transform 600ms,
|
|
187
|
-
opacity
|
|
187
|
+
opacity 900ms;
|
|
188
188
|
|
|
189
189
|
&.aoe {
|
|
190
190
|
opacity: 1;
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
transform: translateY(-45px);
|
|
199
199
|
transition:
|
|
200
200
|
transform 600ms,
|
|
201
|
-
opacity
|
|
201
|
+
opacity 900ms;
|
|
202
202
|
|
|
203
203
|
&.aoe {
|
|
204
204
|
opacity: 1;
|
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
transform: translateX(45px);
|
|
213
213
|
transition:
|
|
214
214
|
transform 600ms,
|
|
215
|
-
opacity
|
|
215
|
+
opacity 900ms;
|
|
216
216
|
|
|
217
217
|
&.aoe {
|
|
218
218
|
opacity: 1;
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
/* fast speed */
|
|
225
225
|
[data-aoe='fade-fast'] {
|
|
226
226
|
opacity: 0;
|
|
227
|
-
transition: opacity
|
|
227
|
+
transition: opacity 555ms;
|
|
228
228
|
|
|
229
229
|
&.aoe {
|
|
230
230
|
opacity: 1;
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
transform: translateY(45px);
|
|
238
238
|
transition:
|
|
239
239
|
transform 370ms,
|
|
240
|
-
opacity
|
|
240
|
+
opacity 555ms;
|
|
241
241
|
|
|
242
242
|
&.aoe {
|
|
243
243
|
opacity: 1;
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
transform: translateX(-45px);
|
|
252
252
|
transition:
|
|
253
253
|
transform 370ms,
|
|
254
|
-
opacity
|
|
254
|
+
opacity 555ms;
|
|
255
255
|
|
|
256
256
|
&.aoe {
|
|
257
257
|
opacity: 1;
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
transform: translateY(-45px);
|
|
266
266
|
transition:
|
|
267
267
|
transform 370ms,
|
|
268
|
-
opacity
|
|
268
|
+
opacity 555ms;
|
|
269
269
|
|
|
270
270
|
&.aoe {
|
|
271
271
|
opacity: 1;
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
transform: translateX(45px);
|
|
280
280
|
transition:
|
|
281
281
|
transform 370ms,
|
|
282
|
-
opacity
|
|
282
|
+
opacity 555ms;
|
|
283
283
|
|
|
284
284
|
&.aoe {
|
|
285
285
|
opacity: 1;
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
/* slow speed */
|
|
292
292
|
[data-aoe='fade-slow'] {
|
|
293
293
|
opacity: 0;
|
|
294
|
-
transition: opacity
|
|
294
|
+
transition: opacity 1500ms;
|
|
295
295
|
|
|
296
296
|
&.aoe {
|
|
297
297
|
opacity: 1;
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
transform: translateY(45px);
|
|
305
305
|
transition:
|
|
306
306
|
transform 975ms,
|
|
307
|
-
opacity
|
|
307
|
+
opacity 1500ms;
|
|
308
308
|
|
|
309
309
|
&.aoe {
|
|
310
310
|
opacity: 1;
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
transform: translateX(-45px);
|
|
319
319
|
transition:
|
|
320
320
|
transform 975ms,
|
|
321
|
-
opacity
|
|
321
|
+
opacity 1500ms;
|
|
322
322
|
|
|
323
323
|
&.aoe {
|
|
324
324
|
opacity: 1;
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
transform: translateY(-45px);
|
|
333
333
|
transition:
|
|
334
334
|
transform 975ms,
|
|
335
|
-
opacity
|
|
335
|
+
opacity 1500ms;
|
|
336
336
|
|
|
337
337
|
&.aoe {
|
|
338
338
|
opacity: 1;
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
transform: translateX(45px);
|
|
347
347
|
transition:
|
|
348
348
|
transform 975ms,
|
|
349
|
-
opacity
|
|
349
|
+
opacity 1500ms;
|
|
350
350
|
|
|
351
351
|
&.aoe {
|
|
352
352
|
opacity: 1;
|
|
@@ -361,7 +361,7 @@
|
|
|
361
361
|
/* normal speed */
|
|
362
362
|
[data-aoe='partial-fade'] {
|
|
363
363
|
opacity: 0.25;
|
|
364
|
-
transition: opacity
|
|
364
|
+
transition: opacity 900ms;
|
|
365
365
|
|
|
366
366
|
&.aoe {
|
|
367
367
|
opacity: 1;
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
transform: translateY(45px);
|
|
375
375
|
transition:
|
|
376
376
|
transform 600ms,
|
|
377
|
-
opacity
|
|
377
|
+
opacity 900ms;
|
|
378
378
|
|
|
379
379
|
&.aoe {
|
|
380
380
|
opacity: 1;
|
|
@@ -388,7 +388,7 @@
|
|
|
388
388
|
transform: translateX(-45px);
|
|
389
389
|
transition:
|
|
390
390
|
transform 600ms,
|
|
391
|
-
opacity
|
|
391
|
+
opacity 900ms;
|
|
392
392
|
|
|
393
393
|
&.aoe {
|
|
394
394
|
opacity: 1;
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
transform: translateY(-45px);
|
|
403
403
|
transition:
|
|
404
404
|
transform 600ms,
|
|
405
|
-
opacity
|
|
405
|
+
opacity 900ms;
|
|
406
406
|
|
|
407
407
|
&.aoe {
|
|
408
408
|
opacity: 1;
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
transform: translateX(45px);
|
|
417
417
|
transition:
|
|
418
418
|
transform 600ms,
|
|
419
|
-
opacity
|
|
419
|
+
opacity 900ms;
|
|
420
420
|
|
|
421
421
|
&.aoe {
|
|
422
422
|
opacity: 1;
|
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
/* fast speed */
|
|
429
429
|
[data-aoe='partial-fade-fast'] {
|
|
430
430
|
opacity: 0.25;
|
|
431
|
-
transition: opacity
|
|
431
|
+
transition: opacity 555ms;
|
|
432
432
|
|
|
433
433
|
&.aoe {
|
|
434
434
|
opacity: 1;
|
|
@@ -441,7 +441,7 @@
|
|
|
441
441
|
transform: translateY(45px);
|
|
442
442
|
transition:
|
|
443
443
|
transform 370ms,
|
|
444
|
-
opacity
|
|
444
|
+
opacity 555ms;
|
|
445
445
|
|
|
446
446
|
&.aoe {
|
|
447
447
|
opacity: 1;
|
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
transform: translateX(-45px);
|
|
456
456
|
transition:
|
|
457
457
|
transform 370ms,
|
|
458
|
-
opacity
|
|
458
|
+
opacity 555ms;
|
|
459
459
|
|
|
460
460
|
&.aoe {
|
|
461
461
|
opacity: 1;
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
transform: translateY(-45px);
|
|
470
470
|
transition:
|
|
471
471
|
transform 370ms,
|
|
472
|
-
opacity
|
|
472
|
+
opacity 555ms;
|
|
473
473
|
|
|
474
474
|
&.aoe {
|
|
475
475
|
opacity: 1;
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
transform: translateX(45px);
|
|
484
484
|
transition:
|
|
485
485
|
transform 370ms,
|
|
486
|
-
opacity
|
|
486
|
+
opacity 555ms;
|
|
487
487
|
|
|
488
488
|
&.aoe {
|
|
489
489
|
opacity: 1;
|
|
@@ -495,7 +495,7 @@
|
|
|
495
495
|
/* slow speed */
|
|
496
496
|
[data-aoe='partial-fade-slow'] {
|
|
497
497
|
opacity: 0.25;
|
|
498
|
-
transition: opacity
|
|
498
|
+
transition: opacity 1500ms;
|
|
499
499
|
|
|
500
500
|
&.aoe {
|
|
501
501
|
opacity: 1;
|
|
@@ -508,7 +508,7 @@
|
|
|
508
508
|
transform: translateY(45px);
|
|
509
509
|
transition:
|
|
510
510
|
transform 975ms,
|
|
511
|
-
opacity
|
|
511
|
+
opacity 1500ms;
|
|
512
512
|
|
|
513
513
|
&.aoe {
|
|
514
514
|
opacity: 1;
|
|
@@ -522,7 +522,7 @@
|
|
|
522
522
|
transform: translateX(-45px);
|
|
523
523
|
transition:
|
|
524
524
|
transform 975ms,
|
|
525
|
-
opacity
|
|
525
|
+
opacity 1500ms;
|
|
526
526
|
|
|
527
527
|
&.aoe {
|
|
528
528
|
opacity: 1;
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
transform: translateY(-45px);
|
|
537
537
|
transition:
|
|
538
538
|
transform 975ms,
|
|
539
|
-
opacity
|
|
539
|
+
opacity 1500ms;
|
|
540
540
|
|
|
541
541
|
&.aoe {
|
|
542
542
|
opacity: 1;
|
|
@@ -550,7 +550,7 @@
|
|
|
550
550
|
transform: translateX(45px);
|
|
551
551
|
transition:
|
|
552
552
|
transform 975ms,
|
|
553
|
-
opacity
|
|
553
|
+
opacity 1500ms;
|
|
554
554
|
|
|
555
555
|
&.aoe {
|
|
556
556
|
opacity: 1;
|