semantic-ui-sass 1.8.0.0 → 1.8.1.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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/popup.js +1 -1
- data/app/assets/javascripts/semantic-ui/sticky.js +40 -36
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +4 -8
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +14 -5
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +141 -1
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* # Semantic UI - 1.8.
|
|
2
|
+
* # Semantic UI - 1.8.1
|
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
|
4
4
|
* http://www.semantic-ui.com/
|
|
5
5
|
*
|
|
@@ -240,10 +240,12 @@
|
|
|
240
240
|
animation: progress-active 2s ease infinite;
|
|
241
241
|
}
|
|
242
242
|
@-webkit-keyframes progress-active {
|
|
243
|
+
|
|
243
244
|
0% {
|
|
244
245
|
opacity: 0.3;
|
|
245
246
|
width: 0;
|
|
246
247
|
}
|
|
248
|
+
|
|
247
249
|
100% {
|
|
248
250
|
opacity: 0;
|
|
249
251
|
width: 100%;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* # Semantic UI - 1.8.
|
|
2
|
+
* # Semantic UI - 1.8.1
|
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
|
4
4
|
* http://www.semantic-ui.com/
|
|
5
5
|
*
|
|
@@ -119,23 +119,27 @@
|
|
|
119
119
|
|
|
120
120
|
/* In */
|
|
121
121
|
@-webkit-keyframes browseIn {
|
|
122
|
+
|
|
122
123
|
0% {
|
|
123
124
|
-webkit-transform: scale(0.8) translateZ(0px);
|
|
124
125
|
transform: scale(0.8) translateZ(0px);
|
|
125
126
|
z-index: -1;
|
|
126
127
|
}
|
|
128
|
+
|
|
127
129
|
10% {
|
|
128
130
|
-webkit-transform: scale(0.8) translateZ(0px);
|
|
129
131
|
transform: scale(0.8) translateZ(0px);
|
|
130
132
|
z-index: -1;
|
|
131
133
|
opacity: 0.7;
|
|
132
134
|
}
|
|
135
|
+
|
|
133
136
|
80% {
|
|
134
137
|
-webkit-transform: scale(1.05) translateZ(0px);
|
|
135
138
|
transform: scale(1.05) translateZ(0px);
|
|
136
139
|
opacity: 1;
|
|
137
140
|
z-index: 999;
|
|
138
141
|
}
|
|
142
|
+
|
|
139
143
|
100% {
|
|
140
144
|
-webkit-transform: scale(1) translateZ(0px);
|
|
141
145
|
transform: scale(1) translateZ(0px);
|
|
@@ -169,19 +173,23 @@
|
|
|
169
173
|
|
|
170
174
|
/* Out */
|
|
171
175
|
@-webkit-keyframes browseOutLeft {
|
|
176
|
+
|
|
172
177
|
0% {
|
|
173
178
|
z-index: 999;
|
|
174
179
|
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
|
175
180
|
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
|
176
181
|
}
|
|
182
|
+
|
|
177
183
|
50% {
|
|
178
184
|
z-index: -1;
|
|
179
185
|
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
|
180
186
|
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
|
181
187
|
}
|
|
188
|
+
|
|
182
189
|
80% {
|
|
183
190
|
opacity: 1;
|
|
184
191
|
}
|
|
192
|
+
|
|
185
193
|
100% {
|
|
186
194
|
z-index: -1;
|
|
187
195
|
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
|
@@ -211,19 +219,23 @@
|
|
|
211
219
|
}
|
|
212
220
|
}
|
|
213
221
|
@-webkit-keyframes browseOutRight {
|
|
222
|
+
|
|
214
223
|
0% {
|
|
215
224
|
z-index: 999;
|
|
216
225
|
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
|
217
226
|
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
|
|
218
227
|
}
|
|
228
|
+
|
|
219
229
|
50% {
|
|
220
230
|
z-index: 1;
|
|
221
231
|
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
|
222
232
|
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
|
|
223
233
|
}
|
|
234
|
+
|
|
224
235
|
80% {
|
|
225
236
|
opacity: 1;
|
|
226
237
|
}
|
|
238
|
+
|
|
227
239
|
100% {
|
|
228
240
|
z-index: 1;
|
|
229
241
|
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
|
|
@@ -277,11 +289,13 @@
|
|
|
277
289
|
|
|
278
290
|
/* Drop */
|
|
279
291
|
@-webkit-keyframes dropIn {
|
|
292
|
+
|
|
280
293
|
0% {
|
|
281
294
|
opacity: 0;
|
|
282
295
|
-webkit-transform: scale(0);
|
|
283
296
|
transform: scale(0);
|
|
284
297
|
}
|
|
298
|
+
|
|
285
299
|
100% {
|
|
286
300
|
opacity: 1;
|
|
287
301
|
-webkit-transform: scale(1);
|
|
@@ -301,11 +315,13 @@
|
|
|
301
315
|
}
|
|
302
316
|
}
|
|
303
317
|
@-webkit-keyframes dropOut {
|
|
318
|
+
|
|
304
319
|
0% {
|
|
305
320
|
opacity: 1;
|
|
306
321
|
-webkit-transform: scale(1);
|
|
307
322
|
transform: scale(1);
|
|
308
323
|
}
|
|
324
|
+
|
|
309
325
|
100% {
|
|
310
326
|
opacity: 0;
|
|
311
327
|
-webkit-transform: scale(0);
|
|
@@ -372,9 +388,11 @@
|
|
|
372
388
|
|
|
373
389
|
/* In */
|
|
374
390
|
@-webkit-keyframes fadeIn {
|
|
391
|
+
|
|
375
392
|
0% {
|
|
376
393
|
opacity: 0;
|
|
377
394
|
}
|
|
395
|
+
|
|
378
396
|
100% {
|
|
379
397
|
opacity: 1;
|
|
380
398
|
}
|
|
@@ -388,11 +406,13 @@
|
|
|
388
406
|
}
|
|
389
407
|
}
|
|
390
408
|
@-webkit-keyframes fadeInUp {
|
|
409
|
+
|
|
391
410
|
0% {
|
|
392
411
|
opacity: 0;
|
|
393
412
|
-webkit-transform: translateY(10%);
|
|
394
413
|
transform: translateY(10%);
|
|
395
414
|
}
|
|
415
|
+
|
|
396
416
|
100% {
|
|
397
417
|
opacity: 1;
|
|
398
418
|
-webkit-transform: translateY(0%);
|
|
@@ -412,11 +432,13 @@
|
|
|
412
432
|
}
|
|
413
433
|
}
|
|
414
434
|
@-webkit-keyframes fadeInDown {
|
|
435
|
+
|
|
415
436
|
0% {
|
|
416
437
|
opacity: 0;
|
|
417
438
|
-webkit-transform: translateY(-10%);
|
|
418
439
|
transform: translateY(-10%);
|
|
419
440
|
}
|
|
441
|
+
|
|
420
442
|
100% {
|
|
421
443
|
opacity: 1;
|
|
422
444
|
-webkit-transform: translateY(0%);
|
|
@@ -436,11 +458,13 @@
|
|
|
436
458
|
}
|
|
437
459
|
}
|
|
438
460
|
@-webkit-keyframes fadeInLeft {
|
|
461
|
+
|
|
439
462
|
0% {
|
|
440
463
|
opacity: 0;
|
|
441
464
|
-webkit-transform: translateX(10%);
|
|
442
465
|
transform: translateX(10%);
|
|
443
466
|
}
|
|
467
|
+
|
|
444
468
|
100% {
|
|
445
469
|
opacity: 1;
|
|
446
470
|
-webkit-transform: translateX(0%);
|
|
@@ -460,11 +484,13 @@
|
|
|
460
484
|
}
|
|
461
485
|
}
|
|
462
486
|
@-webkit-keyframes fadeInRight {
|
|
487
|
+
|
|
463
488
|
0% {
|
|
464
489
|
opacity: 0;
|
|
465
490
|
-webkit-transform: translateX(-10%);
|
|
466
491
|
transform: translateX(-10%);
|
|
467
492
|
}
|
|
493
|
+
|
|
468
494
|
100% {
|
|
469
495
|
opacity: 1;
|
|
470
496
|
-webkit-transform: translateX(0%);
|
|
@@ -486,9 +512,11 @@
|
|
|
486
512
|
|
|
487
513
|
/* Out */
|
|
488
514
|
@-webkit-keyframes fadeOut {
|
|
515
|
+
|
|
489
516
|
0% {
|
|
490
517
|
opacity: 1;
|
|
491
518
|
}
|
|
519
|
+
|
|
492
520
|
100% {
|
|
493
521
|
opacity: 0;
|
|
494
522
|
}
|
|
@@ -502,11 +530,13 @@
|
|
|
502
530
|
}
|
|
503
531
|
}
|
|
504
532
|
@-webkit-keyframes fadeOutUp {
|
|
533
|
+
|
|
505
534
|
0% {
|
|
506
535
|
opacity: 1;
|
|
507
536
|
-webkit-transform: translateY(0%);
|
|
508
537
|
transform: translateY(0%);
|
|
509
538
|
}
|
|
539
|
+
|
|
510
540
|
100% {
|
|
511
541
|
opacity: 0;
|
|
512
542
|
-webkit-transform: translateY(10%);
|
|
@@ -526,11 +556,13 @@
|
|
|
526
556
|
}
|
|
527
557
|
}
|
|
528
558
|
@-webkit-keyframes fadeOutDown {
|
|
559
|
+
|
|
529
560
|
0% {
|
|
530
561
|
opacity: 1;
|
|
531
562
|
-webkit-transform: translateY(0%);
|
|
532
563
|
transform: translateY(0%);
|
|
533
564
|
}
|
|
565
|
+
|
|
534
566
|
100% {
|
|
535
567
|
opacity: 0;
|
|
536
568
|
-webkit-transform: translateY(-10%);
|
|
@@ -550,11 +582,13 @@
|
|
|
550
582
|
}
|
|
551
583
|
}
|
|
552
584
|
@-webkit-keyframes fadeOutLeft {
|
|
585
|
+
|
|
553
586
|
0% {
|
|
554
587
|
opacity: 1;
|
|
555
588
|
-webkit-transform: translateX(0%);
|
|
556
589
|
transform: translateX(0%);
|
|
557
590
|
}
|
|
591
|
+
|
|
558
592
|
100% {
|
|
559
593
|
opacity: 0;
|
|
560
594
|
-webkit-transform: translateX(10%);
|
|
@@ -574,11 +608,13 @@
|
|
|
574
608
|
}
|
|
575
609
|
}
|
|
576
610
|
@-webkit-keyframes fadeOutRight {
|
|
611
|
+
|
|
577
612
|
0% {
|
|
578
613
|
opacity: 1;
|
|
579
614
|
-webkit-transform: translateX(0%);
|
|
580
615
|
transform: translateX(0%);
|
|
581
616
|
}
|
|
617
|
+
|
|
582
618
|
100% {
|
|
583
619
|
opacity: 0;
|
|
584
620
|
-webkit-transform: translateX(-10%);
|
|
@@ -626,11 +662,13 @@
|
|
|
626
662
|
|
|
627
663
|
/* In */
|
|
628
664
|
@-webkit-keyframes horizontalFlipIn {
|
|
665
|
+
|
|
629
666
|
0% {
|
|
630
667
|
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
|
631
668
|
transform: perspective(2000px) rotateY(-90deg);
|
|
632
669
|
opacity: 0;
|
|
633
670
|
}
|
|
671
|
+
|
|
634
672
|
100% {
|
|
635
673
|
-webkit-transform: perspective(2000px) rotateY(0deg);
|
|
636
674
|
transform: perspective(2000px) rotateY(0deg);
|
|
@@ -650,11 +688,13 @@
|
|
|
650
688
|
}
|
|
651
689
|
}
|
|
652
690
|
@-webkit-keyframes verticalFlipIn {
|
|
691
|
+
|
|
653
692
|
0% {
|
|
654
693
|
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
|
655
694
|
transform: perspective(2000px) rotateX(-90deg);
|
|
656
695
|
opacity: 0;
|
|
657
696
|
}
|
|
697
|
+
|
|
658
698
|
100% {
|
|
659
699
|
-webkit-transform: perspective(2000px) rotateX(0deg);
|
|
660
700
|
transform: perspective(2000px) rotateX(0deg);
|
|
@@ -676,11 +716,13 @@
|
|
|
676
716
|
|
|
677
717
|
/* Out */
|
|
678
718
|
@-webkit-keyframes horizontalFlipOut {
|
|
719
|
+
|
|
679
720
|
0% {
|
|
680
721
|
-webkit-transform: perspective(2000px) rotateY(0deg);
|
|
681
722
|
transform: perspective(2000px) rotateY(0deg);
|
|
682
723
|
opacity: 1;
|
|
683
724
|
}
|
|
725
|
+
|
|
684
726
|
100% {
|
|
685
727
|
-webkit-transform: perspective(2000px) rotateY(90deg);
|
|
686
728
|
transform: perspective(2000px) rotateY(90deg);
|
|
@@ -700,11 +742,13 @@
|
|
|
700
742
|
}
|
|
701
743
|
}
|
|
702
744
|
@-webkit-keyframes verticalFlipOut {
|
|
745
|
+
|
|
703
746
|
0% {
|
|
704
747
|
-webkit-transform: perspective(2000px) rotateX(0deg);
|
|
705
748
|
transform: perspective(2000px) rotateX(0deg);
|
|
706
749
|
opacity: 1;
|
|
707
750
|
}
|
|
751
|
+
|
|
708
752
|
100% {
|
|
709
753
|
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
|
710
754
|
transform: perspective(2000px) rotateX(-90deg);
|
|
@@ -739,11 +783,13 @@
|
|
|
739
783
|
|
|
740
784
|
/* In */
|
|
741
785
|
@-webkit-keyframes scaleIn {
|
|
786
|
+
|
|
742
787
|
0% {
|
|
743
788
|
opacity: 0;
|
|
744
789
|
-webkit-transform: scale(0.7);
|
|
745
790
|
transform: scale(0.7);
|
|
746
791
|
}
|
|
792
|
+
|
|
747
793
|
100% {
|
|
748
794
|
opacity: 1;
|
|
749
795
|
-webkit-transform: scale(1);
|
|
@@ -765,11 +811,13 @@
|
|
|
765
811
|
|
|
766
812
|
/* Out */
|
|
767
813
|
@-webkit-keyframes scaleOut {
|
|
814
|
+
|
|
768
815
|
0% {
|
|
769
816
|
opacity: 1;
|
|
770
817
|
-webkit-transform: scale(1);
|
|
771
818
|
transform: scale(1);
|
|
772
819
|
}
|
|
820
|
+
|
|
773
821
|
100% {
|
|
774
822
|
opacity: 0;
|
|
775
823
|
-webkit-transform: scale(0.7);
|
|
@@ -842,28 +890,34 @@
|
|
|
842
890
|
|
|
843
891
|
/* In */
|
|
844
892
|
@-webkit-keyframes flyIn {
|
|
893
|
+
|
|
845
894
|
0% {
|
|
846
895
|
opacity: 0;
|
|
847
896
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
848
897
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
849
898
|
}
|
|
899
|
+
|
|
850
900
|
20% {
|
|
851
901
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
852
902
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
853
903
|
}
|
|
904
|
+
|
|
854
905
|
40% {
|
|
855
906
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
856
907
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
857
908
|
}
|
|
909
|
+
|
|
858
910
|
60% {
|
|
859
911
|
opacity: 1;
|
|
860
912
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
861
913
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
862
914
|
}
|
|
915
|
+
|
|
863
916
|
80% {
|
|
864
917
|
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
|
865
918
|
transform: scale3d(0.97, 0.97, 0.97);
|
|
866
919
|
}
|
|
920
|
+
|
|
867
921
|
100% {
|
|
868
922
|
opacity: 1;
|
|
869
923
|
-webkit-transform: scale3d(1, 1, 1);
|
|
@@ -900,24 +954,29 @@
|
|
|
900
954
|
}
|
|
901
955
|
}
|
|
902
956
|
@-webkit-keyframes flyInUp {
|
|
957
|
+
|
|
903
958
|
0% {
|
|
904
959
|
opacity: 0;
|
|
905
960
|
-webkit-transform: translate3d(0, 1500px, 0);
|
|
906
961
|
transform: translate3d(0, 1500px, 0);
|
|
907
962
|
}
|
|
963
|
+
|
|
908
964
|
60% {
|
|
909
965
|
opacity: 1;
|
|
910
966
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
911
967
|
transform: translate3d(0, -20px, 0);
|
|
912
968
|
}
|
|
969
|
+
|
|
913
970
|
75% {
|
|
914
971
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
915
972
|
transform: translate3d(0, 10px, 0);
|
|
916
973
|
}
|
|
974
|
+
|
|
917
975
|
90% {
|
|
918
976
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
919
977
|
transform: translate3d(0, -5px, 0);
|
|
920
978
|
}
|
|
979
|
+
|
|
921
980
|
100% {
|
|
922
981
|
-webkit-transform: translate3d(0, 0, 0);
|
|
923
982
|
transform: translate3d(0, 0, 0);
|
|
@@ -948,24 +1007,29 @@
|
|
|
948
1007
|
}
|
|
949
1008
|
}
|
|
950
1009
|
@-webkit-keyframes flyInDown {
|
|
1010
|
+
|
|
951
1011
|
0% {
|
|
952
1012
|
opacity: 0;
|
|
953
1013
|
-webkit-transform: translate3d(0, -1500px, 0);
|
|
954
1014
|
transform: translate3d(0, -1500px, 0);
|
|
955
1015
|
}
|
|
1016
|
+
|
|
956
1017
|
60% {
|
|
957
1018
|
opacity: 1;
|
|
958
1019
|
-webkit-transform: translate3d(0, 25px, 0);
|
|
959
1020
|
transform: translate3d(0, 25px, 0);
|
|
960
1021
|
}
|
|
1022
|
+
|
|
961
1023
|
75% {
|
|
962
1024
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
963
1025
|
transform: translate3d(0, -10px, 0);
|
|
964
1026
|
}
|
|
1027
|
+
|
|
965
1028
|
90% {
|
|
966
1029
|
-webkit-transform: translate3d(0, 5px, 0);
|
|
967
1030
|
transform: translate3d(0, 5px, 0);
|
|
968
1031
|
}
|
|
1032
|
+
|
|
969
1033
|
100% {
|
|
970
1034
|
-webkit-transform: none;
|
|
971
1035
|
transform: none;
|
|
@@ -996,24 +1060,29 @@
|
|
|
996
1060
|
}
|
|
997
1061
|
}
|
|
998
1062
|
@-webkit-keyframes flyInLeft {
|
|
1063
|
+
|
|
999
1064
|
0% {
|
|
1000
1065
|
opacity: 0;
|
|
1001
1066
|
-webkit-transform: translate3d(1500px, 0, 0);
|
|
1002
1067
|
transform: translate3d(1500px, 0, 0);
|
|
1003
1068
|
}
|
|
1069
|
+
|
|
1004
1070
|
60% {
|
|
1005
1071
|
opacity: 1;
|
|
1006
1072
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
1007
1073
|
transform: translate3d(-25px, 0, 0);
|
|
1008
1074
|
}
|
|
1075
|
+
|
|
1009
1076
|
75% {
|
|
1010
1077
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
1011
1078
|
transform: translate3d(10px, 0, 0);
|
|
1012
1079
|
}
|
|
1080
|
+
|
|
1013
1081
|
90% {
|
|
1014
1082
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
1015
1083
|
transform: translate3d(-5px, 0, 0);
|
|
1016
1084
|
}
|
|
1085
|
+
|
|
1017
1086
|
100% {
|
|
1018
1087
|
-webkit-transform: none;
|
|
1019
1088
|
transform: none;
|
|
@@ -1044,24 +1113,29 @@
|
|
|
1044
1113
|
}
|
|
1045
1114
|
}
|
|
1046
1115
|
@-webkit-keyframes flyInRight {
|
|
1116
|
+
|
|
1047
1117
|
0% {
|
|
1048
1118
|
opacity: 0;
|
|
1049
1119
|
-webkit-transform: translate3d(-1500px, 0, 0);
|
|
1050
1120
|
transform: translate3d(-1500px, 0, 0);
|
|
1051
1121
|
}
|
|
1122
|
+
|
|
1052
1123
|
60% {
|
|
1053
1124
|
opacity: 1;
|
|
1054
1125
|
-webkit-transform: translate3d(25px, 0, 0);
|
|
1055
1126
|
transform: translate3d(25px, 0, 0);
|
|
1056
1127
|
}
|
|
1128
|
+
|
|
1057
1129
|
75% {
|
|
1058
1130
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
1059
1131
|
transform: translate3d(-10px, 0, 0);
|
|
1060
1132
|
}
|
|
1133
|
+
|
|
1061
1134
|
90% {
|
|
1062
1135
|
-webkit-transform: translate3d(5px, 0, 0);
|
|
1063
1136
|
transform: translate3d(5px, 0, 0);
|
|
1064
1137
|
}
|
|
1138
|
+
|
|
1065
1139
|
100% {
|
|
1066
1140
|
-webkit-transform: none;
|
|
1067
1141
|
transform: none;
|
|
@@ -1094,16 +1168,19 @@
|
|
|
1094
1168
|
|
|
1095
1169
|
/* Out */
|
|
1096
1170
|
@-webkit-keyframes flyOut {
|
|
1171
|
+
|
|
1097
1172
|
20% {
|
|
1098
1173
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
1099
1174
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
1100
1175
|
}
|
|
1176
|
+
|
|
1101
1177
|
50%,
|
|
1102
1178
|
55% {
|
|
1103
1179
|
opacity: 1;
|
|
1104
1180
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
1105
1181
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
1106
1182
|
}
|
|
1183
|
+
|
|
1107
1184
|
100% {
|
|
1108
1185
|
opacity: 0;
|
|
1109
1186
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
@@ -1128,16 +1205,19 @@
|
|
|
1128
1205
|
}
|
|
1129
1206
|
}
|
|
1130
1207
|
@-webkit-keyframes flyOutUp {
|
|
1208
|
+
|
|
1131
1209
|
20% {
|
|
1132
1210
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
1133
1211
|
transform: translate3d(0, 10px, 0);
|
|
1134
1212
|
}
|
|
1213
|
+
|
|
1135
1214
|
40%,
|
|
1136
1215
|
45% {
|
|
1137
1216
|
opacity: 1;
|
|
1138
1217
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
1139
1218
|
transform: translate3d(0, -20px, 0);
|
|
1140
1219
|
}
|
|
1220
|
+
|
|
1141
1221
|
100% {
|
|
1142
1222
|
opacity: 0;
|
|
1143
1223
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
@@ -1162,16 +1242,19 @@
|
|
|
1162
1242
|
}
|
|
1163
1243
|
}
|
|
1164
1244
|
@-webkit-keyframes flyOutDown {
|
|
1245
|
+
|
|
1165
1246
|
20% {
|
|
1166
1247
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
1167
1248
|
transform: translate3d(0, -10px, 0);
|
|
1168
1249
|
}
|
|
1250
|
+
|
|
1169
1251
|
40%,
|
|
1170
1252
|
45% {
|
|
1171
1253
|
opacity: 1;
|
|
1172
1254
|
-webkit-transform: translate3d(0, 20px, 0);
|
|
1173
1255
|
transform: translate3d(0, 20px, 0);
|
|
1174
1256
|
}
|
|
1257
|
+
|
|
1175
1258
|
100% {
|
|
1176
1259
|
opacity: 0;
|
|
1177
1260
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
@@ -1196,11 +1279,13 @@
|
|
|
1196
1279
|
}
|
|
1197
1280
|
}
|
|
1198
1281
|
@-webkit-keyframes flyOutRight {
|
|
1282
|
+
|
|
1199
1283
|
20% {
|
|
1200
1284
|
opacity: 1;
|
|
1201
1285
|
-webkit-transform: translate3d(20px, 0, 0);
|
|
1202
1286
|
transform: translate3d(20px, 0, 0);
|
|
1203
1287
|
}
|
|
1288
|
+
|
|
1204
1289
|
100% {
|
|
1205
1290
|
opacity: 0;
|
|
1206
1291
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
@@ -1220,11 +1305,13 @@
|
|
|
1220
1305
|
}
|
|
1221
1306
|
}
|
|
1222
1307
|
@-webkit-keyframes flyOutLeft {
|
|
1308
|
+
|
|
1223
1309
|
20% {
|
|
1224
1310
|
opacity: 1;
|
|
1225
1311
|
-webkit-transform: translate3d(-20px, 0, 0);
|
|
1226
1312
|
transform: translate3d(-20px, 0, 0);
|
|
1227
1313
|
}
|
|
1314
|
+
|
|
1228
1315
|
100% {
|
|
1229
1316
|
opacity: 0;
|
|
1230
1317
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
@@ -1309,11 +1396,13 @@
|
|
|
1309
1396
|
|
|
1310
1397
|
/* In */
|
|
1311
1398
|
@-webkit-keyframes slideInY {
|
|
1399
|
+
|
|
1312
1400
|
0% {
|
|
1313
1401
|
opacity: 0;
|
|
1314
1402
|
-webkit-transform: scaleY(0);
|
|
1315
1403
|
transform: scaleY(0);
|
|
1316
1404
|
}
|
|
1405
|
+
|
|
1317
1406
|
100% {
|
|
1318
1407
|
opacity: 1;
|
|
1319
1408
|
-webkit-transform: scaleY(1);
|
|
@@ -1333,11 +1422,13 @@
|
|
|
1333
1422
|
}
|
|
1334
1423
|
}
|
|
1335
1424
|
@-webkit-keyframes slideInX {
|
|
1425
|
+
|
|
1336
1426
|
0% {
|
|
1337
1427
|
opacity: 0;
|
|
1338
1428
|
-webkit-transform: scaleX(0);
|
|
1339
1429
|
transform: scaleX(0);
|
|
1340
1430
|
}
|
|
1431
|
+
|
|
1341
1432
|
100% {
|
|
1342
1433
|
opacity: 1;
|
|
1343
1434
|
-webkit-transform: scaleX(1);
|
|
@@ -1359,11 +1450,13 @@
|
|
|
1359
1450
|
|
|
1360
1451
|
/* Out */
|
|
1361
1452
|
@-webkit-keyframes slideOutY {
|
|
1453
|
+
|
|
1362
1454
|
0% {
|
|
1363
1455
|
opacity: 1;
|
|
1364
1456
|
-webkit-transform: scaleY(1);
|
|
1365
1457
|
transform: scaleY(1);
|
|
1366
1458
|
}
|
|
1459
|
+
|
|
1367
1460
|
100% {
|
|
1368
1461
|
opacity: 0;
|
|
1369
1462
|
-webkit-transform: scaleY(0);
|
|
@@ -1383,11 +1476,13 @@
|
|
|
1383
1476
|
}
|
|
1384
1477
|
}
|
|
1385
1478
|
@-webkit-keyframes slideOutX {
|
|
1479
|
+
|
|
1386
1480
|
0% {
|
|
1387
1481
|
opacity: 1;
|
|
1388
1482
|
-webkit-transform: scaleX(1);
|
|
1389
1483
|
transform: scaleX(1);
|
|
1390
1484
|
}
|
|
1485
|
+
|
|
1391
1486
|
100% {
|
|
1392
1487
|
opacity: 0;
|
|
1393
1488
|
-webkit-transform: scaleX(0);
|
|
@@ -1480,24 +1575,29 @@
|
|
|
1480
1575
|
|
|
1481
1576
|
/* In */
|
|
1482
1577
|
@-webkit-keyframes swingInX {
|
|
1578
|
+
|
|
1483
1579
|
0% {
|
|
1484
1580
|
-webkit-transform: perspective(1000px) rotateX(90deg);
|
|
1485
1581
|
transform: perspective(1000px) rotateX(90deg);
|
|
1486
1582
|
opacity: 0;
|
|
1487
1583
|
}
|
|
1584
|
+
|
|
1488
1585
|
40% {
|
|
1489
1586
|
-webkit-transform: perspective(1000px) rotateX(-20deg);
|
|
1490
1587
|
transform: perspective(1000px) rotateX(-20deg);
|
|
1491
1588
|
}
|
|
1589
|
+
|
|
1492
1590
|
60% {
|
|
1493
1591
|
-webkit-transform: perspective(1000px) rotateX(10deg);
|
|
1494
1592
|
transform: perspective(1000px) rotateX(10deg);
|
|
1495
1593
|
}
|
|
1594
|
+
|
|
1496
1595
|
80% {
|
|
1497
1596
|
-webkit-transform: perspective(1000px) rotateX(-5deg);
|
|
1498
1597
|
transform: perspective(1000px) rotateX(-5deg);
|
|
1499
1598
|
opacity: 1;
|
|
1500
1599
|
}
|
|
1600
|
+
|
|
1501
1601
|
100% {
|
|
1502
1602
|
-webkit-transform: perspective(1000px) rotateX(0deg);
|
|
1503
1603
|
transform: perspective(1000px) rotateX(0deg);
|
|
@@ -1528,24 +1628,29 @@
|
|
|
1528
1628
|
}
|
|
1529
1629
|
}
|
|
1530
1630
|
@-webkit-keyframes swingInY {
|
|
1631
|
+
|
|
1531
1632
|
0% {
|
|
1532
1633
|
-webkit-transform: perspective(1000px) rotateY(-90deg);
|
|
1533
1634
|
transform: perspective(1000px) rotateY(-90deg);
|
|
1534
1635
|
opacity: 0;
|
|
1535
1636
|
}
|
|
1637
|
+
|
|
1536
1638
|
40% {
|
|
1537
1639
|
-webkit-transform: perspective(1000px) rotateY(20deg);
|
|
1538
1640
|
transform: perspective(1000px) rotateY(20deg);
|
|
1539
1641
|
}
|
|
1642
|
+
|
|
1540
1643
|
60% {
|
|
1541
1644
|
-webkit-transform: perspective(1000px) rotateY(-10deg);
|
|
1542
1645
|
transform: perspective(1000px) rotateY(-10deg);
|
|
1543
1646
|
}
|
|
1647
|
+
|
|
1544
1648
|
80% {
|
|
1545
1649
|
-webkit-transform: perspective(1000px) rotateY(5deg);
|
|
1546
1650
|
transform: perspective(1000px) rotateY(5deg);
|
|
1547
1651
|
opacity: 1;
|
|
1548
1652
|
}
|
|
1653
|
+
|
|
1549
1654
|
100% {
|
|
1550
1655
|
-webkit-transform: perspective(1000px) rotateY(0deg);
|
|
1551
1656
|
transform: perspective(1000px) rotateY(0deg);
|
|
@@ -1578,15 +1683,18 @@
|
|
|
1578
1683
|
|
|
1579
1684
|
/* Out */
|
|
1580
1685
|
@-webkit-keyframes swingOutUp {
|
|
1686
|
+
|
|
1581
1687
|
0% {
|
|
1582
1688
|
-webkit-transform: perspective(1000px) rotateX(0deg);
|
|
1583
1689
|
transform: perspective(1000px) rotateX(0deg);
|
|
1584
1690
|
}
|
|
1691
|
+
|
|
1585
1692
|
30% {
|
|
1586
1693
|
-webkit-transform: perspective(1000px) rotateX(-20deg);
|
|
1587
1694
|
transform: perspective(1000px) rotateX(-20deg);
|
|
1588
1695
|
opacity: 1;
|
|
1589
1696
|
}
|
|
1697
|
+
|
|
1590
1698
|
100% {
|
|
1591
1699
|
-webkit-transform: perspective(1000px) rotateX(90deg);
|
|
1592
1700
|
transform: perspective(1000px) rotateX(90deg);
|
|
@@ -1610,15 +1718,18 @@
|
|
|
1610
1718
|
}
|
|
1611
1719
|
}
|
|
1612
1720
|
@-webkit-keyframes swingOutDown {
|
|
1721
|
+
|
|
1613
1722
|
0% {
|
|
1614
1723
|
-webkit-transform: perspective(1000px) rotateX(0deg);
|
|
1615
1724
|
transform: perspective(1000px) rotateX(0deg);
|
|
1616
1725
|
}
|
|
1726
|
+
|
|
1617
1727
|
30% {
|
|
1618
1728
|
-webkit-transform: perspective(1000px) rotateX(20deg);
|
|
1619
1729
|
transform: perspective(1000px) rotateX(20deg);
|
|
1620
1730
|
opacity: 1;
|
|
1621
1731
|
}
|
|
1732
|
+
|
|
1622
1733
|
100% {
|
|
1623
1734
|
-webkit-transform: perspective(1000px) rotateX(-90deg);
|
|
1624
1735
|
transform: perspective(1000px) rotateX(-90deg);
|
|
@@ -1642,15 +1753,18 @@
|
|
|
1642
1753
|
}
|
|
1643
1754
|
}
|
|
1644
1755
|
@-webkit-keyframes swingOutLeft {
|
|
1756
|
+
|
|
1645
1757
|
0% {
|
|
1646
1758
|
-webkit-transform: perspective(1000px) rotateY(0deg);
|
|
1647
1759
|
transform: perspective(1000px) rotateY(0deg);
|
|
1648
1760
|
}
|
|
1761
|
+
|
|
1649
1762
|
30% {
|
|
1650
1763
|
-webkit-transform: perspective(1000px) rotateY(20deg);
|
|
1651
1764
|
transform: perspective(1000px) rotateY(20deg);
|
|
1652
1765
|
opacity: 1;
|
|
1653
1766
|
}
|
|
1767
|
+
|
|
1654
1768
|
100% {
|
|
1655
1769
|
-webkit-transform: perspective(1000px) rotateY(-90deg);
|
|
1656
1770
|
transform: perspective(1000px) rotateY(-90deg);
|
|
@@ -1674,15 +1788,18 @@
|
|
|
1674
1788
|
}
|
|
1675
1789
|
}
|
|
1676
1790
|
@-webkit-keyframes swingOutRight {
|
|
1791
|
+
|
|
1677
1792
|
0% {
|
|
1678
1793
|
-webkit-transform: perspective(1000px) rotateY(0deg);
|
|
1679
1794
|
transform: perspective(1000px) rotateY(0deg);
|
|
1680
1795
|
}
|
|
1796
|
+
|
|
1681
1797
|
30% {
|
|
1682
1798
|
-webkit-transform: perspective(1000px) rotateY(-20deg);
|
|
1683
1799
|
transform: perspective(1000px) rotateY(-20deg);
|
|
1684
1800
|
opacity: 1;
|
|
1685
1801
|
}
|
|
1802
|
+
|
|
1686
1803
|
100% {
|
|
1687
1804
|
-webkit-transform: perspective(1000px) rotateY(90deg);
|
|
1688
1805
|
transform: perspective(1000px) rotateY(90deg);
|
|
@@ -1743,11 +1860,13 @@
|
|
|
1743
1860
|
|
|
1744
1861
|
/* Flash */
|
|
1745
1862
|
@-webkit-keyframes flash {
|
|
1863
|
+
|
|
1746
1864
|
0%,
|
|
1747
1865
|
50%,
|
|
1748
1866
|
100% {
|
|
1749
1867
|
opacity: 1;
|
|
1750
1868
|
}
|
|
1869
|
+
|
|
1751
1870
|
25%,
|
|
1752
1871
|
75% {
|
|
1753
1872
|
opacity: 0;
|
|
@@ -1767,11 +1886,13 @@
|
|
|
1767
1886
|
|
|
1768
1887
|
/* Shake */
|
|
1769
1888
|
@-webkit-keyframes shake {
|
|
1889
|
+
|
|
1770
1890
|
0%,
|
|
1771
1891
|
100% {
|
|
1772
1892
|
-webkit-transform: translateX(0);
|
|
1773
1893
|
transform: translateX(0);
|
|
1774
1894
|
}
|
|
1895
|
+
|
|
1775
1896
|
10%,
|
|
1776
1897
|
30%,
|
|
1777
1898
|
50%,
|
|
@@ -1780,6 +1901,7 @@
|
|
|
1780
1901
|
-webkit-transform: translateX(-10px);
|
|
1781
1902
|
transform: translateX(-10px);
|
|
1782
1903
|
}
|
|
1904
|
+
|
|
1783
1905
|
20%,
|
|
1784
1906
|
40%,
|
|
1785
1907
|
60%,
|
|
@@ -1813,6 +1935,7 @@
|
|
|
1813
1935
|
|
|
1814
1936
|
/* Bounce */
|
|
1815
1937
|
@-webkit-keyframes bounce {
|
|
1938
|
+
|
|
1816
1939
|
0%,
|
|
1817
1940
|
20%,
|
|
1818
1941
|
50%,
|
|
@@ -1821,10 +1944,12 @@
|
|
|
1821
1944
|
-webkit-transform: translateY(0);
|
|
1822
1945
|
transform: translateY(0);
|
|
1823
1946
|
}
|
|
1947
|
+
|
|
1824
1948
|
40% {
|
|
1825
1949
|
-webkit-transform: translateY(-30px);
|
|
1826
1950
|
transform: translateY(-30px);
|
|
1827
1951
|
}
|
|
1952
|
+
|
|
1828
1953
|
60% {
|
|
1829
1954
|
-webkit-transform: translateY(-15px);
|
|
1830
1955
|
transform: translateY(-15px);
|
|
@@ -1851,15 +1976,18 @@
|
|
|
1851
1976
|
|
|
1852
1977
|
/* Tada */
|
|
1853
1978
|
@-webkit-keyframes tada {
|
|
1979
|
+
|
|
1854
1980
|
0% {
|
|
1855
1981
|
-webkit-transform: scale(1);
|
|
1856
1982
|
transform: scale(1);
|
|
1857
1983
|
}
|
|
1984
|
+
|
|
1858
1985
|
10%,
|
|
1859
1986
|
20% {
|
|
1860
1987
|
-webkit-transform: scale(0.9) rotate(-3deg);
|
|
1861
1988
|
transform: scale(0.9) rotate(-3deg);
|
|
1862
1989
|
}
|
|
1990
|
+
|
|
1863
1991
|
30%,
|
|
1864
1992
|
50%,
|
|
1865
1993
|
70%,
|
|
@@ -1867,12 +1995,14 @@
|
|
|
1867
1995
|
-webkit-transform: scale(1.1) rotate(3deg);
|
|
1868
1996
|
transform: scale(1.1) rotate(3deg);
|
|
1869
1997
|
}
|
|
1998
|
+
|
|
1870
1999
|
40%,
|
|
1871
2000
|
60%,
|
|
1872
2001
|
80% {
|
|
1873
2002
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
|
1874
2003
|
transform: scale(1.1) rotate(-3deg);
|
|
1875
2004
|
}
|
|
2005
|
+
|
|
1876
2006
|
100% {
|
|
1877
2007
|
-webkit-transform: scale(1) rotate(0);
|
|
1878
2008
|
transform: scale(1) rotate(0);
|
|
@@ -1909,16 +2039,19 @@
|
|
|
1909
2039
|
|
|
1910
2040
|
/* Pulse */
|
|
1911
2041
|
@-webkit-keyframes pulse {
|
|
2042
|
+
|
|
1912
2043
|
0% {
|
|
1913
2044
|
-webkit-transform: scale(1);
|
|
1914
2045
|
transform: scale(1);
|
|
1915
2046
|
opacity: 1;
|
|
1916
2047
|
}
|
|
2048
|
+
|
|
1917
2049
|
50% {
|
|
1918
2050
|
-webkit-transform: scale(0.9);
|
|
1919
2051
|
transform: scale(0.9);
|
|
1920
2052
|
opacity: 0.7;
|
|
1921
2053
|
}
|
|
2054
|
+
|
|
1922
2055
|
100% {
|
|
1923
2056
|
-webkit-transform: scale(1);
|
|
1924
2057
|
transform: scale(1);
|
|
@@ -1945,30 +2078,37 @@
|
|
|
1945
2078
|
|
|
1946
2079
|
/* Rubberband */
|
|
1947
2080
|
@-webkit-keyframes jiggle {
|
|
2081
|
+
|
|
1948
2082
|
0% {
|
|
1949
2083
|
-webkit-transform: scale3d(1, 1, 1);
|
|
1950
2084
|
transform: scale3d(1, 1, 1);
|
|
1951
2085
|
}
|
|
2086
|
+
|
|
1952
2087
|
30% {
|
|
1953
2088
|
-webkit-transform: scale3d(1.25, 0.75, 1);
|
|
1954
2089
|
transform: scale3d(1.25, 0.75, 1);
|
|
1955
2090
|
}
|
|
2091
|
+
|
|
1956
2092
|
40% {
|
|
1957
2093
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
1958
2094
|
transform: scale3d(0.75, 1.25, 1);
|
|
1959
2095
|
}
|
|
2096
|
+
|
|
1960
2097
|
50% {
|
|
1961
2098
|
-webkit-transform: scale3d(1.15, 0.85, 1);
|
|
1962
2099
|
transform: scale3d(1.15, 0.85, 1);
|
|
1963
2100
|
}
|
|
2101
|
+
|
|
1964
2102
|
65% {
|
|
1965
2103
|
-webkit-transform: scale3d(0.95, 1.05, 1);
|
|
1966
2104
|
transform: scale3d(0.95, 1.05, 1);
|
|
1967
2105
|
}
|
|
2106
|
+
|
|
1968
2107
|
75% {
|
|
1969
2108
|
-webkit-transform: scale3d(1.05, 0.95, 1);
|
|
1970
2109
|
transform: scale3d(1.05, 0.95, 1);
|
|
1971
2110
|
}
|
|
2111
|
+
|
|
1972
2112
|
100% {
|
|
1973
2113
|
-webkit-transform: scale3d(1, 1, 1);
|
|
1974
2114
|
transform: scale3d(1, 1, 1);
|