semantic-ui-sass 1.8.0.0 → 1.8.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/popup.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/sticky.js +40 -36
  5. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  6. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +3 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +4 -8
  8. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +1 -1
  9. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  10. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
  11. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -1
  12. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  13. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +3 -1
  16. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +14 -5
  18. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  19. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +3 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +3 -1
  35. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +141 -1
  42. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  49. data/lib/semantic/ui/sass/version.rb +2 -2
  50. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
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.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
2
+ * # Semantic UI - 1.8.1
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.8.0
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);