valaxy-theme-hairy 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (121) hide show
  1. package/LICENSE +21 -21
  2. package/client/index.ts +1 -1
  3. package/components/HairyBody.vue +49 -49
  4. package/components/HairyCodepen.vue +40 -40
  5. package/components/HairyComment.vue +33 -33
  6. package/components/HairyContainer.vue +17 -17
  7. package/components/HairyDrawer.vue +44 -44
  8. package/components/HairyFooter.vue +62 -62
  9. package/components/HairyHeader.vue +32 -32
  10. package/components/HairyImage.vue +15 -15
  11. package/components/HairyImageGroup.vue +65 -65
  12. package/components/HairyNavbar.vue +56 -56
  13. package/components/HairyPageArchives.vue +59 -59
  14. package/components/HairyPageTags.vue +48 -48
  15. package/components/HairyPosts.vue +54 -54
  16. package/components/HairySearch.vue +201 -201
  17. package/components/HairySidebar.vue +30 -30
  18. package/components/HairyTabbar.vue +56 -56
  19. package/components/PageTags.vue +48 -48
  20. package/components/ValaxyMain.vue +45 -45
  21. package/components/navbar/HairyNav.vue +16 -16
  22. package/components/navbar/HairyNavExpand.vue +12 -12
  23. package/components/navbar/HairyNavItem.vue +35 -35
  24. package/components/navbar/HairyNavbarBackground.vue +7 -7
  25. package/components/navbar/HairyNavbarSearch.vue +8 -8
  26. package/components/navbar/HairyNavbarTitle.vue +15 -15
  27. package/components/navbar/HairyNavbarToggleDark.vue +22 -22
  28. package/components/parts/HairyBreadcrumb.vue +51 -51
  29. package/components/parts/HairyBreadcrumbItem.vue +11 -11
  30. package/components/parts/HairyFootFish.js +352 -352
  31. package/components/parts/HairyFootFish.vue +38 -38
  32. package/components/parts/HairyHeadHero.vue +34 -34
  33. package/components/parts/HairyHeadWaves.vue +67 -67
  34. package/components/parts/HairyImageGlobal.vue +51 -51
  35. package/components/parts/HairyImageViewer.vue +23 -23
  36. package/components/parts/HairyLink.vue +21 -21
  37. package/components/parts/HairyMenu.vue +16 -16
  38. package/components/parts/HairyMenuItem.vue +47 -47
  39. package/components/parts/HairyOutline.vue +99 -99
  40. package/components/parts/HairyOutlineItem.vue +48 -48
  41. package/components/parts/HairySocialLinks.vue +27 -27
  42. package/components/parts/HairyTimelineContent.vue +39 -39
  43. package/components/parts/HairyUserNav.vue +95 -95
  44. package/components/parts/HairyUserStats.vue +18 -18
  45. package/components/posts/HairyArticleImage.vue +126 -126
  46. package/components/posts/HairyArticleSeries.vue +89 -89
  47. package/components/posts/HairyArticleText.vue +43 -43
  48. package/components/posts/HairyPostFooter.vue +15 -15
  49. package/components/posts/HairyPostImageList.vue +27 -27
  50. package/components/posts/HairyPostTextsList.vue +22 -22
  51. package/components/posts/HairyPostToggleLayout.vue +36 -36
  52. package/components/third/HairyAlgoliaSearch.vue +17 -17
  53. package/components/third/HairyFuseSearch.vue +10 -10
  54. package/components/third/HairyFuseSearchDialog.vue +32 -32
  55. package/components/third/HairyFuseSearchDropdown.vue +77 -77
  56. package/components/third/HairyFuseSearchFooter.vue +28 -28
  57. package/components/third/HairyFuseSearchHeader.vue +30 -30
  58. package/components/third/HairyFuseSearchHit.vue +52 -52
  59. package/components/third/HairySearchBtnDisplay.vue +29 -29
  60. package/components/third/HairySearchBtnInput.vue +20 -20
  61. package/components/third/HairySearchBtnKeys.vue +19 -19
  62. package/components/third/HairySwiperCarousel.vue +45 -45
  63. package/composables/archives.ts +48 -48
  64. package/composables/category.ts +43 -43
  65. package/composables/config.ts +11 -11
  66. package/composables/dark.ts +13 -13
  67. package/composables/fuse.ts +60 -60
  68. package/composables/index.ts +7 -7
  69. package/composables/layout.ts +16 -16
  70. package/composables/outline.ts +49 -49
  71. package/composables/tags.ts +36 -36
  72. package/layouts/archive-month.vue +13 -13
  73. package/layouts/archive-year.vue +13 -13
  74. package/layouts/archives.vue +11 -11
  75. package/layouts/categories.vue +13 -13
  76. package/layouts/default.vue +13 -15
  77. package/layouts/home.vue +33 -33
  78. package/layouts/post.vue +54 -54
  79. package/layouts/tag.vue +10 -10
  80. package/layouts/tags.vue +10 -14
  81. package/library/loading.scss +535 -535
  82. package/library/loading.ts +60 -60
  83. package/library/scroll.ts +22 -22
  84. package/locales/en.yml +1 -1
  85. package/locales/zh-CN.yml +1 -1
  86. package/node/images/default.json +139 -139
  87. package/node/images/index.ts +46 -46
  88. package/node/images/shims.d.ts +8 -8
  89. package/node/index.ts +2 -2
  90. package/node/theme/index.ts +78 -78
  91. package/package.json +1 -1
  92. package/pages/archives/[year]/[month]/index.vue +48 -48
  93. package/pages/archives/[year]/index.vue +73 -73
  94. package/pages/archives/index.md +6 -0
  95. package/pages/categories/[...its].vue +108 -108
  96. package/pages/index.vue +8 -8
  97. package/pages/page/[page].vue +12 -12
  98. package/pages/tags/[tag]/index.vue +38 -38
  99. package/pages/tags/index.md +7 -0
  100. package/setup/main.ts +9 -9
  101. package/store/index.ts +1 -1
  102. package/store/modules/global.ts +12 -12
  103. package/styles/components/aplayer.scss +75 -75
  104. package/styles/components/index.scss +3 -3
  105. package/styles/components/markdown.scss +89 -89
  106. package/styles/components/nprogress.scss +15 -15
  107. package/styles/components/scrollbar.scss +25 -25
  108. package/styles/css-vars.scss +171 -171
  109. package/styles/element-plus/index.scss +1 -1
  110. package/styles/element-plus/tabs.scss +25 -25
  111. package/styles/element-plus/timeline.scss +18 -18
  112. package/styles/font-face.scss +19 -19
  113. package/styles/global.scss +38 -38
  114. package/styles/index.scss +3 -3
  115. package/tsconfig.json +27 -27
  116. package/types/index.d.ts +163 -163
  117. package/unocss.config.ts +43 -43
  118. package/utils/index.ts +37 -37
  119. package/valaxy.config.ts +26 -26
  120. package/pages/archives/index.vue +0 -6
  121. package/pages/tags/index.vue +0 -6
package/library/loading.scss CHANGED
@@ -1,536 +1,536 @@
1
- .hy-loading {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- bottom: 0;
6
- right: 0;
7
- z-index: 100;
8
-
9
- background: #eee;
10
-
11
- transition: opacity 0.5s;
12
-
13
- .wrapper {
14
- width: 50px;
15
- height: 50px;
16
- position: fixed;
17
- top: 50%;
18
- margin: auto;
19
- margin-top: -50px;
20
- left: 0;
21
- right: 0;
22
- }
23
-
24
- #preloader {
25
- width: 50px;
26
- height: 50px;
27
- border: 2px solid var(--hy-c-primary);
28
- border-radius: 0px;
29
- -webkit-animation: preloader 4.5s infinite linear;
30
- -moz-animation: preloader 4.5s infinite linear;
31
- -ms-animation: preloader 4.5s infinite linear;
32
- animation: preloader 4.5s infinite linear;
33
- }
34
-
35
- #preloader:after {
36
- content: '';
37
- width: 14px;
38
- height: 14px;
39
- background: var(--hy-c-primary);
40
- position: absolute;
41
- top: 50%;
42
- left: 50%;
43
- margin-left: -7px;
44
- margin-top: -7px;
45
- border-radius: 20px;
46
- -webkit-animation: preloader_after 4.5s infinite linear;
47
- -moz-animation: preloader_after 4.5s infinite linear;
48
- -ms-animation: preloader_after 4.5s infinite linear;
49
- animation: preloader_after 4.5s infinite linear;
50
- -webkit-transform: scale(0);
51
- }
52
-
53
- @-webkit-keyframes preloader {
54
- 0% {
55
- -webkit-transform: scale(0)
56
- }
57
-
58
- 10% {
59
- -webkit-transform: scale(1.3)
60
- }
61
-
62
- 12% {
63
- -webkit-transform: scale(1)
64
- }
65
-
66
- 15% {
67
- -webkit-transform: scale(1.3)
68
- }
69
-
70
- 17% {
71
- -webkit-transform: scale(1)
72
- }
73
-
74
- 25% {
75
- -webkit-transform: scale(1)
76
- }
77
-
78
- 40% {
79
- -webkit-transform: scale(1) rotate(180deg);
80
- border-radius: 20px;
81
- }
82
-
83
- 42% {
84
- -webkit-transform: scale(1) rotate(180deg);
85
- border-radius: 0px;
86
- }
87
-
88
- 44% {
89
- -webkit-transform: scale(1) rotate(180deg);
90
- border-radius: 20px;
91
- }
92
-
93
- 46% {
94
- -webkit-transform: scale(1) rotate(180deg);
95
- border-radius: 0px;
96
- }
97
-
98
- 48% {
99
- -webkit-transform: scale(1) rotate(180deg);
100
- border-radius: 20px;
101
- }
102
-
103
- 50% {
104
- -webkit-transform: scale(1) rotate(180deg);
105
- border-radius: 20px;
106
- }
107
-
108
- 95% {
109
- -webkit-transform: scale(1) rotate(180deg);
110
- border-radius: 20px;
111
- }
112
-
113
- 100% {
114
- -webkit-transform: scale(0) rotate(180deg);
115
- border-radius: 100px;
116
- }
117
- }
118
-
119
- @-moz-keyframes preloader {
120
- 0% {
121
- -moz-transform: scale(0)
122
- }
123
-
124
- 10% {
125
- -moz-transform: scale(1.3)
126
- }
127
-
128
- 12% {
129
- -moz-transform: scale(1)
130
- }
131
-
132
- 15% {
133
- -moz-transform: scale(1.3)
134
- }
135
-
136
- 17% {
137
- -moz-transform: scale(1)
138
- }
139
-
140
- 25% {
141
- -moz-transform: scale(1)
142
- }
143
-
144
- 40% {
145
- -moz-transform: scale(1) rotate(180deg);
146
- border-radius: 20px;
147
- }
148
-
149
- 42% {
150
- -moz-transform: scale(1) rotate(180deg);
151
- border-radius: 0px;
152
- }
153
-
154
- 44% {
155
- -moz-transform: scale(1) rotate(180deg);
156
- border-radius: 20px;
157
- }
158
-
159
- 46% {
160
- -moz-transform: scale(1) rotate(180deg);
161
- border-radius: 0px;
162
- }
163
-
164
- 48% {
165
- -moz-transform: scale(1) rotate(180deg);
166
- border-radius: 20px;
167
- }
168
-
169
- 50% {
170
- -moz-transform: scale(1) rotate(180deg);
171
- border-radius: 20px;
172
- }
173
-
174
- 95% {
175
- -moz-transform: scale(1) rotate(180deg);
176
- border-radius: 20px;
177
- }
178
-
179
- 100% {
180
- -moz-transform: scale(0) rotate(180deg);
181
- border-radius: 100px;
182
- }
183
- }
184
-
185
- @-ms-keyframes preloader {
186
- 0% {
187
- -ms-transform: scale(0)
188
- }
189
-
190
- 10% {
191
- -ms-transform: scale(1.3)
192
- }
193
-
194
- 12% {
195
- -ms-transform: scale(1)
196
- }
197
-
198
- 15% {
199
- -ms-transform: scale(1.3)
200
- }
201
-
202
- 17% {
203
- -ms-transform: scale(1)
204
- }
205
-
206
- 25% {
207
- -ms-transform: scale(1)
208
- }
209
-
210
- 40% {
211
- -ms-transform: scale(1) rotate(180deg);
212
- border-radius: 20px;
213
- }
214
-
215
- 42% {
216
- -ms-transform: scale(1) rotate(180deg);
217
- border-radius: 0px;
218
- }
219
-
220
- 44% {
221
- -ms-transform: scale(1) rotate(180deg);
222
- border-radius: 20px;
223
- }
224
-
225
- 46% {
226
- -ms-transform: scale(1) rotate(180deg);
227
- border-radius: 0px;
228
- }
229
-
230
- 48% {
231
- -ms-transform: scale(1) rotate(180deg);
232
- border-radius: 20px;
233
- }
234
-
235
- 50% {
236
- -ms-transform: scale(1) rotate(180deg);
237
- border-radius: 20px;
238
- }
239
-
240
- 95% {
241
- -ms-transform: scale(1) rotate(180deg);
242
- border-radius: 20px;
243
- }
244
-
245
- 100% {
246
- -ms-transform: scale(0) rotate(180deg);
247
- border-radius: 100px;
248
- }
249
- }
250
-
251
- @keyframes preloader {
252
- 0% {
253
- transform: scale(0)
254
- }
255
-
256
- 10% {
257
- transform: scale(1.3)
258
- }
259
-
260
- 12% {
261
- transform: scale(1)
262
- }
263
-
264
- 15% {
265
- transform: scale(1.3)
266
- }
267
-
268
- 17% {
269
- transform: scale(1)
270
- }
271
-
272
- 25% {
273
- transform: scale(1)
274
- }
275
-
276
- 40% {
277
- transform: scale(1) rotate(180deg);
278
- border-radius: 20px;
279
- }
280
-
281
- 42% {
282
- transform: scale(1) rotate(180deg);
283
- border-radius: 0px;
284
- }
285
-
286
- 44% {
287
- transform: scale(1) rotate(180deg);
288
- border-radius: 20px;
289
- }
290
-
291
- 46% {
292
- transform: scale(1) rotate(180deg);
293
- border-radius: 0px;
294
- }
295
-
296
- 48% {
297
- transform: scale(1) rotate(180deg);
298
- border-radius: 20px;
299
- }
300
-
301
- 50% {
302
- transform: scale(1) rotate(180deg);
303
- border-radius: 20px;
304
- }
305
-
306
- 95% {
307
- transform: scale(1) rotate(180deg);
308
- border-radius: 20px;
309
- }
310
-
311
- 100% {
312
- transform: scale(0) rotate(180deg);
313
- border-radius: 100px;
314
- }
315
- }
316
-
317
- @-webkit-keyframes preloader_after {
318
- 0% {
319
- -webkit-transform: scale(0);
320
- }
321
-
322
- 45% {
323
- -webkit-transform: scale(0);
324
- }
325
-
326
- 50% {
327
- -webkit-transform: scale(1);
328
- }
329
-
330
- 55% {
331
- -webkit-transform: scale(1) translateY(-20px) translateX(-14px);
332
- }
333
-
334
- 60% {
335
- -webkit-transform: scale(1) translateY(20px) translateX(14px);
336
- }
337
-
338
- 65% {
339
- -webkit-transform: scale(1) translateY(-20px) translateX(14px);
340
- }
341
-
342
- 70% {
343
- -webkit-transform: scale(1) translateY(20px) translateX(-14px);
344
- }
345
-
346
- 75% {
347
- -webkit-transform: scale(1) translateY(-20px) translateX(14px);
348
- }
349
-
350
- 80% {
351
- -webkit-transform: scale(1) translateY(20px) translateX(-14px);
352
- }
353
-
354
- 85% {
355
- -webkit-transform: scale(1) translateY(-20px) translateX(-14px);
356
- }
357
-
358
- 90% {
359
- -webkit-transform: scale(1) translateY(0px) translateX(0px);
360
- }
361
-
362
- 95% {
363
- -webkit-transform: scale(1.5);
364
- }
365
-
366
- 100% {
367
- -webkit-transform: scale(0);
368
- }
369
- }
370
-
371
- @-moz-keyframes preloader_after {
372
- 0% {
373
- -moz-transform: scale(0);
374
- }
375
-
376
- 45% {
377
- -moz-transform: scale(0);
378
- }
379
-
380
- 50% {
381
- -moz-transform: scale(1);
382
- }
383
-
384
- 55% {
385
- -moz-transform: scale(1) translateY(-20px) translateX(-14px);
386
- }
387
-
388
- 60% {
389
- -moz-transform: scale(1) translateY(20px) translateX(14px);
390
- }
391
-
392
- 65% {
393
- -moz-transform: scale(1) translateY(-20px) translateX(14px);
394
- }
395
-
396
- 70% {
397
- -moz-transform: scale(1) translateY(20px) translateX(-14px);
398
- }
399
-
400
- 75% {
401
- -moz-transform: scale(1) translateY(-20px) translateX(14px);
402
- }
403
-
404
- 80% {
405
- -moz-transform: scale(1) translateY(20px) translateX(-14px);
406
- }
407
-
408
- 85% {
409
- -moz-transform: scale(1) translateY(-20px) translateX(-14px);
410
- }
411
-
412
- 90% {
413
- -moz-transform: scale(1) translateY(0px) translateX(0px);
414
- }
415
-
416
- 95% {
417
- -moz-transform: scale(1.5);
418
- }
419
-
420
- 100% {
421
- -moz-transform: scale(0);
422
- }
423
- }
424
-
425
- @-ms-keyframes preloader_after {
426
- 0% {
427
- -ms-transform: scale(0);
428
- }
429
-
430
- 45% {
431
- -ms-transform: scale(0);
432
- }
433
-
434
- 50% {
435
- -ms-transform: scale(1);
436
- }
437
-
438
- 55% {
439
- -ms-transform: scale(1) translateY(-20px) translateX(-14px);
440
- }
441
-
442
- 60% {
443
- -ms-transform: scale(1) translateY(20px) translateX(14px);
444
- }
445
-
446
- 65% {
447
- -ms-transform: scale(1) translateY(-20px) translateX(14px);
448
- }
449
-
450
- 70% {
451
- -ms-transform: scale(1) translateY(20px) translateX(-14px);
452
- }
453
-
454
- 75% {
455
- -ms-transform: scale(1) translateY(-20px) translateX(14px);
456
- }
457
-
458
- 80% {
459
- -ms-transform: scale(1) translateY(20px) translateX(-14px);
460
- }
461
-
462
- 85% {
463
- -ms-transform: scale(1) translateY(-20px) translateX(-14px);
464
- }
465
-
466
- 90% {
467
- -ms-transform: scale(1) translateY(0px) translateX(0px);
468
- }
469
-
470
- 95% {
471
- -ms-transform: scale(1.5);
472
- }
473
-
474
- 100% {
475
- -ms-transform: scale(0);
476
- }
477
- }
478
-
479
- @keyframes preloader_after {
480
- 0% {
481
- transform: scale(0);
482
- }
483
-
484
- 45% {
485
- transform: scale(0);
486
- }
487
-
488
- 50% {
489
- transform: scale(1);
490
- }
491
-
492
- 55% {
493
- transform: scale(1) translateY(-20px) translateX(-14px);
494
- }
495
-
496
- 60% {
497
- transform: scale(1) translateY(20px) translateX(14px);
498
- }
499
-
500
- 65% {
501
- transform: scale(1) translateY(-20px) translateX(14px);
502
- }
503
-
504
- 70% {
505
- transform: scale(1) translateY(20px) translateX(-14px);
506
- }
507
-
508
- 75% {
509
- transform: scale(1) translateY(-20px) translateX(14px);
510
- }
511
-
512
- 80% {
513
- transform: scale(1) translateY(20px) translateX(-14px);
514
- }
515
-
516
- 85% {
517
- transform: scale(1) translateY(-20px) translateX(-14px);
518
- }
519
-
520
- 90% {
521
- transform: scale(1) translateY(0px) translateX(0px);
522
- }
523
-
524
- 95% {
525
- transform: scale(1.5);
526
- }
527
-
528
- 100% {
529
- transform: scale(0);
530
- }
531
- }
532
- }
533
-
534
- .dark .hy-loading {
535
- background: var(--hy-c-gray-dark-5);
1
+ .hy-loading {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ bottom: 0;
6
+ right: 0;
7
+ z-index: 100;
8
+
9
+ background: #eee;
10
+
11
+ transition: opacity 0.5s;
12
+
13
+ .wrapper {
14
+ width: 50px;
15
+ height: 50px;
16
+ position: fixed;
17
+ top: 50%;
18
+ margin: auto;
19
+ margin-top: -50px;
20
+ left: 0;
21
+ right: 0;
22
+ }
23
+
24
+ #preloader {
25
+ width: 50px;
26
+ height: 50px;
27
+ border: 2px solid var(--hy-c-primary);
28
+ border-radius: 0px;
29
+ -webkit-animation: preloader 4.5s infinite linear;
30
+ -moz-animation: preloader 4.5s infinite linear;
31
+ -ms-animation: preloader 4.5s infinite linear;
32
+ animation: preloader 4.5s infinite linear;
33
+ }
34
+
35
+ #preloader:after {
36
+ content: '';
37
+ width: 14px;
38
+ height: 14px;
39
+ background: var(--hy-c-primary);
40
+ position: absolute;
41
+ top: 50%;
42
+ left: 50%;
43
+ margin-left: -7px;
44
+ margin-top: -7px;
45
+ border-radius: 20px;
46
+ -webkit-animation: preloader_after 4.5s infinite linear;
47
+ -moz-animation: preloader_after 4.5s infinite linear;
48
+ -ms-animation: preloader_after 4.5s infinite linear;
49
+ animation: preloader_after 4.5s infinite linear;
50
+ -webkit-transform: scale(0);
51
+ }
52
+
53
+ @-webkit-keyframes preloader {
54
+ 0% {
55
+ -webkit-transform: scale(0)
56
+ }
57
+
58
+ 10% {
59
+ -webkit-transform: scale(1.3)
60
+ }
61
+
62
+ 12% {
63
+ -webkit-transform: scale(1)
64
+ }
65
+
66
+ 15% {
67
+ -webkit-transform: scale(1.3)
68
+ }
69
+
70
+ 17% {
71
+ -webkit-transform: scale(1)
72
+ }
73
+
74
+ 25% {
75
+ -webkit-transform: scale(1)
76
+ }
77
+
78
+ 40% {
79
+ -webkit-transform: scale(1) rotate(180deg);
80
+ border-radius: 20px;
81
+ }
82
+
83
+ 42% {
84
+ -webkit-transform: scale(1) rotate(180deg);
85
+ border-radius: 0px;
86
+ }
87
+
88
+ 44% {
89
+ -webkit-transform: scale(1) rotate(180deg);
90
+ border-radius: 20px;
91
+ }
92
+
93
+ 46% {
94
+ -webkit-transform: scale(1) rotate(180deg);
95
+ border-radius: 0px;
96
+ }
97
+
98
+ 48% {
99
+ -webkit-transform: scale(1) rotate(180deg);
100
+ border-radius: 20px;
101
+ }
102
+
103
+ 50% {
104
+ -webkit-transform: scale(1) rotate(180deg);
105
+ border-radius: 20px;
106
+ }
107
+
108
+ 95% {
109
+ -webkit-transform: scale(1) rotate(180deg);
110
+ border-radius: 20px;
111
+ }
112
+
113
+ 100% {
114
+ -webkit-transform: scale(0) rotate(180deg);
115
+ border-radius: 100px;
116
+ }
117
+ }
118
+
119
+ @-moz-keyframes preloader {
120
+ 0% {
121
+ -moz-transform: scale(0)
122
+ }
123
+
124
+ 10% {
125
+ -moz-transform: scale(1.3)
126
+ }
127
+
128
+ 12% {
129
+ -moz-transform: scale(1)
130
+ }
131
+
132
+ 15% {
133
+ -moz-transform: scale(1.3)
134
+ }
135
+
136
+ 17% {
137
+ -moz-transform: scale(1)
138
+ }
139
+
140
+ 25% {
141
+ -moz-transform: scale(1)
142
+ }
143
+
144
+ 40% {
145
+ -moz-transform: scale(1) rotate(180deg);
146
+ border-radius: 20px;
147
+ }
148
+
149
+ 42% {
150
+ -moz-transform: scale(1) rotate(180deg);
151
+ border-radius: 0px;
152
+ }
153
+
154
+ 44% {
155
+ -moz-transform: scale(1) rotate(180deg);
156
+ border-radius: 20px;
157
+ }
158
+
159
+ 46% {
160
+ -moz-transform: scale(1) rotate(180deg);
161
+ border-radius: 0px;
162
+ }
163
+
164
+ 48% {
165
+ -moz-transform: scale(1) rotate(180deg);
166
+ border-radius: 20px;
167
+ }
168
+
169
+ 50% {
170
+ -moz-transform: scale(1) rotate(180deg);
171
+ border-radius: 20px;
172
+ }
173
+
174
+ 95% {
175
+ -moz-transform: scale(1) rotate(180deg);
176
+ border-radius: 20px;
177
+ }
178
+
179
+ 100% {
180
+ -moz-transform: scale(0) rotate(180deg);
181
+ border-radius: 100px;
182
+ }
183
+ }
184
+
185
+ @-ms-keyframes preloader {
186
+ 0% {
187
+ -ms-transform: scale(0)
188
+ }
189
+
190
+ 10% {
191
+ -ms-transform: scale(1.3)
192
+ }
193
+
194
+ 12% {
195
+ -ms-transform: scale(1)
196
+ }
197
+
198
+ 15% {
199
+ -ms-transform: scale(1.3)
200
+ }
201
+
202
+ 17% {
203
+ -ms-transform: scale(1)
204
+ }
205
+
206
+ 25% {
207
+ -ms-transform: scale(1)
208
+ }
209
+
210
+ 40% {
211
+ -ms-transform: scale(1) rotate(180deg);
212
+ border-radius: 20px;
213
+ }
214
+
215
+ 42% {
216
+ -ms-transform: scale(1) rotate(180deg);
217
+ border-radius: 0px;
218
+ }
219
+
220
+ 44% {
221
+ -ms-transform: scale(1) rotate(180deg);
222
+ border-radius: 20px;
223
+ }
224
+
225
+ 46% {
226
+ -ms-transform: scale(1) rotate(180deg);
227
+ border-radius: 0px;
228
+ }
229
+
230
+ 48% {
231
+ -ms-transform: scale(1) rotate(180deg);
232
+ border-radius: 20px;
233
+ }
234
+
235
+ 50% {
236
+ -ms-transform: scale(1) rotate(180deg);
237
+ border-radius: 20px;
238
+ }
239
+
240
+ 95% {
241
+ -ms-transform: scale(1) rotate(180deg);
242
+ border-radius: 20px;
243
+ }
244
+
245
+ 100% {
246
+ -ms-transform: scale(0) rotate(180deg);
247
+ border-radius: 100px;
248
+ }
249
+ }
250
+
251
+ @keyframes preloader {
252
+ 0% {
253
+ transform: scale(0)
254
+ }
255
+
256
+ 10% {
257
+ transform: scale(1.3)
258
+ }
259
+
260
+ 12% {
261
+ transform: scale(1)
262
+ }
263
+
264
+ 15% {
265
+ transform: scale(1.3)
266
+ }
267
+
268
+ 17% {
269
+ transform: scale(1)
270
+ }
271
+
272
+ 25% {
273
+ transform: scale(1)
274
+ }
275
+
276
+ 40% {
277
+ transform: scale(1) rotate(180deg);
278
+ border-radius: 20px;
279
+ }
280
+
281
+ 42% {
282
+ transform: scale(1) rotate(180deg);
283
+ border-radius: 0px;
284
+ }
285
+
286
+ 44% {
287
+ transform: scale(1) rotate(180deg);
288
+ border-radius: 20px;
289
+ }
290
+
291
+ 46% {
292
+ transform: scale(1) rotate(180deg);
293
+ border-radius: 0px;
294
+ }
295
+
296
+ 48% {
297
+ transform: scale(1) rotate(180deg);
298
+ border-radius: 20px;
299
+ }
300
+
301
+ 50% {
302
+ transform: scale(1) rotate(180deg);
303
+ border-radius: 20px;
304
+ }
305
+
306
+ 95% {
307
+ transform: scale(1) rotate(180deg);
308
+ border-radius: 20px;
309
+ }
310
+
311
+ 100% {
312
+ transform: scale(0) rotate(180deg);
313
+ border-radius: 100px;
314
+ }
315
+ }
316
+
317
+ @-webkit-keyframes preloader_after {
318
+ 0% {
319
+ -webkit-transform: scale(0);
320
+ }
321
+
322
+ 45% {
323
+ -webkit-transform: scale(0);
324
+ }
325
+
326
+ 50% {
327
+ -webkit-transform: scale(1);
328
+ }
329
+
330
+ 55% {
331
+ -webkit-transform: scale(1) translateY(-20px) translateX(-14px);
332
+ }
333
+
334
+ 60% {
335
+ -webkit-transform: scale(1) translateY(20px) translateX(14px);
336
+ }
337
+
338
+ 65% {
339
+ -webkit-transform: scale(1) translateY(-20px) translateX(14px);
340
+ }
341
+
342
+ 70% {
343
+ -webkit-transform: scale(1) translateY(20px) translateX(-14px);
344
+ }
345
+
346
+ 75% {
347
+ -webkit-transform: scale(1) translateY(-20px) translateX(14px);
348
+ }
349
+
350
+ 80% {
351
+ -webkit-transform: scale(1) translateY(20px) translateX(-14px);
352
+ }
353
+
354
+ 85% {
355
+ -webkit-transform: scale(1) translateY(-20px) translateX(-14px);
356
+ }
357
+
358
+ 90% {
359
+ -webkit-transform: scale(1) translateY(0px) translateX(0px);
360
+ }
361
+
362
+ 95% {
363
+ -webkit-transform: scale(1.5);
364
+ }
365
+
366
+ 100% {
367
+ -webkit-transform: scale(0);
368
+ }
369
+ }
370
+
371
+ @-moz-keyframes preloader_after {
372
+ 0% {
373
+ -moz-transform: scale(0);
374
+ }
375
+
376
+ 45% {
377
+ -moz-transform: scale(0);
378
+ }
379
+
380
+ 50% {
381
+ -moz-transform: scale(1);
382
+ }
383
+
384
+ 55% {
385
+ -moz-transform: scale(1) translateY(-20px) translateX(-14px);
386
+ }
387
+
388
+ 60% {
389
+ -moz-transform: scale(1) translateY(20px) translateX(14px);
390
+ }
391
+
392
+ 65% {
393
+ -moz-transform: scale(1) translateY(-20px) translateX(14px);
394
+ }
395
+
396
+ 70% {
397
+ -moz-transform: scale(1) translateY(20px) translateX(-14px);
398
+ }
399
+
400
+ 75% {
401
+ -moz-transform: scale(1) translateY(-20px) translateX(14px);
402
+ }
403
+
404
+ 80% {
405
+ -moz-transform: scale(1) translateY(20px) translateX(-14px);
406
+ }
407
+
408
+ 85% {
409
+ -moz-transform: scale(1) translateY(-20px) translateX(-14px);
410
+ }
411
+
412
+ 90% {
413
+ -moz-transform: scale(1) translateY(0px) translateX(0px);
414
+ }
415
+
416
+ 95% {
417
+ -moz-transform: scale(1.5);
418
+ }
419
+
420
+ 100% {
421
+ -moz-transform: scale(0);
422
+ }
423
+ }
424
+
425
+ @-ms-keyframes preloader_after {
426
+ 0% {
427
+ -ms-transform: scale(0);
428
+ }
429
+
430
+ 45% {
431
+ -ms-transform: scale(0);
432
+ }
433
+
434
+ 50% {
435
+ -ms-transform: scale(1);
436
+ }
437
+
438
+ 55% {
439
+ -ms-transform: scale(1) translateY(-20px) translateX(-14px);
440
+ }
441
+
442
+ 60% {
443
+ -ms-transform: scale(1) translateY(20px) translateX(14px);
444
+ }
445
+
446
+ 65% {
447
+ -ms-transform: scale(1) translateY(-20px) translateX(14px);
448
+ }
449
+
450
+ 70% {
451
+ -ms-transform: scale(1) translateY(20px) translateX(-14px);
452
+ }
453
+
454
+ 75% {
455
+ -ms-transform: scale(1) translateY(-20px) translateX(14px);
456
+ }
457
+
458
+ 80% {
459
+ -ms-transform: scale(1) translateY(20px) translateX(-14px);
460
+ }
461
+
462
+ 85% {
463
+ -ms-transform: scale(1) translateY(-20px) translateX(-14px);
464
+ }
465
+
466
+ 90% {
467
+ -ms-transform: scale(1) translateY(0px) translateX(0px);
468
+ }
469
+
470
+ 95% {
471
+ -ms-transform: scale(1.5);
472
+ }
473
+
474
+ 100% {
475
+ -ms-transform: scale(0);
476
+ }
477
+ }
478
+
479
+ @keyframes preloader_after {
480
+ 0% {
481
+ transform: scale(0);
482
+ }
483
+
484
+ 45% {
485
+ transform: scale(0);
486
+ }
487
+
488
+ 50% {
489
+ transform: scale(1);
490
+ }
491
+
492
+ 55% {
493
+ transform: scale(1) translateY(-20px) translateX(-14px);
494
+ }
495
+
496
+ 60% {
497
+ transform: scale(1) translateY(20px) translateX(14px);
498
+ }
499
+
500
+ 65% {
501
+ transform: scale(1) translateY(-20px) translateX(14px);
502
+ }
503
+
504
+ 70% {
505
+ transform: scale(1) translateY(20px) translateX(-14px);
506
+ }
507
+
508
+ 75% {
509
+ transform: scale(1) translateY(-20px) translateX(14px);
510
+ }
511
+
512
+ 80% {
513
+ transform: scale(1) translateY(20px) translateX(-14px);
514
+ }
515
+
516
+ 85% {
517
+ transform: scale(1) translateY(-20px) translateX(-14px);
518
+ }
519
+
520
+ 90% {
521
+ transform: scale(1) translateY(0px) translateX(0px);
522
+ }
523
+
524
+ 95% {
525
+ transform: scale(1.5);
526
+ }
527
+
528
+ 100% {
529
+ transform: scale(0);
530
+ }
531
+ }
532
+ }
533
+
534
+ .dark .hy-loading {
535
+ background: var(--hy-c-gray-dark-5);
536
536
  }