animate-scss 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. data/.gitignore +17 -0
  2. data/.gitmodules +3 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +58 -0
  6. data/Rakefile +7 -0
  7. data/animate-scss.gemspec +25 -0
  8. data/lib/animate-scss.rb +2 -0
  9. data/lib/animate/engine.rb +4 -0
  10. data/lib/animate/version.rb +3 -0
  11. data/vendor/assets/stylesheets/animate.scss +24 -0
  12. data/vendor/assets/stylesheets/animate/bounce.css +29 -0
  13. data/vendor/assets/stylesheets/animate/bounceIn.css +86 -0
  14. data/vendor/assets/stylesheets/animate/bounceInDown.css +86 -0
  15. data/vendor/assets/stylesheets/animate/bounceInLeft.css +86 -0
  16. data/vendor/assets/stylesheets/animate/bounceInRight.css +86 -0
  17. data/vendor/assets/stylesheets/animate/bounceInUp.css +85 -0
  18. data/vendor/assets/stylesheets/animate/bounceOut.css +86 -0
  19. data/vendor/assets/stylesheets/animate/bounceOutDown.css +70 -0
  20. data/vendor/assets/stylesheets/animate/bounceOutLeft.css +70 -0
  21. data/vendor/assets/stylesheets/animate/bounceOutRight.css +70 -0
  22. data/vendor/assets/stylesheets/animate/bounceOutUp.css +70 -0
  23. data/vendor/assets/stylesheets/animate/fadeIn.css +26 -0
  24. data/vendor/assets/stylesheets/animate/fadeInDown.css +54 -0
  25. data/vendor/assets/stylesheets/animate/fadeInDownBig.css +54 -0
  26. data/vendor/assets/stylesheets/animate/fadeInLeft.css +54 -0
  27. data/vendor/assets/stylesheets/animate/fadeInLeftBig.css +51 -0
  28. data/vendor/assets/stylesheets/animate/fadeInRight.css +54 -0
  29. data/vendor/assets/stylesheets/animate/fadeInRightBig.css +54 -0
  30. data/vendor/assets/stylesheets/animate/fadeInUp.css +54 -0
  31. data/vendor/assets/stylesheets/animate/fadeInUpBig.css +54 -0
  32. data/vendor/assets/stylesheets/animate/fadeOut.css +26 -0
  33. data/vendor/assets/stylesheets/animate/fadeOutDown.css +54 -0
  34. data/vendor/assets/stylesheets/animate/fadeOutDownBig.css +54 -0
  35. data/vendor/assets/stylesheets/animate/fadeOutLeft.css +54 -0
  36. data/vendor/assets/stylesheets/animate/fadeOutLeftBig.css +54 -0
  37. data/vendor/assets/stylesheets/animate/fadeOutRight.css +54 -0
  38. data/vendor/assets/stylesheets/animate/fadeOutRightBig.css +51 -0
  39. data/vendor/assets/stylesheets/animate/fadeOutUp.css +51 -0
  40. data/vendor/assets/stylesheets/animate/fadeOutUpBig.css +54 -0
  41. data/vendor/assets/stylesheets/animate/flash.css +26 -0
  42. data/vendor/assets/stylesheets/animate/flip.css +103 -0
  43. data/vendor/assets/stylesheets/animate/flipInX.css +87 -0
  44. data/vendor/assets/stylesheets/animate/flipInY.css +87 -0
  45. data/vendor/assets/stylesheets/animate/flipOutX.css +54 -0
  46. data/vendor/assets/stylesheets/animate/flipOutY.css +51 -0
  47. data/vendor/assets/stylesheets/animate/hinge.css +38 -0
  48. data/vendor/assets/stylesheets/animate/lightSpeedIn.css +39 -0
  49. data/vendor/assets/stylesheets/animate/lightSpeedOut.css +31 -0
  50. data/vendor/assets/stylesheets/animate/pulse.css +29 -0
  51. data/vendor/assets/stylesheets/animate/rollIn.css +28 -0
  52. data/vendor/assets/stylesheets/animate/rollOut.css +56 -0
  53. data/vendor/assets/stylesheets/animate/rotateIn.css +59 -0
  54. data/vendor/assets/stylesheets/animate/rotateInDownLeft.css +62 -0
  55. data/vendor/assets/stylesheets/animate/rotateInDownRight.css +62 -0
  56. data/vendor/assets/stylesheets/animate/rotateInUpLeft.css +62 -0
  57. data/vendor/assets/stylesheets/animate/rotateInUpRight.css +62 -0
  58. data/vendor/assets/stylesheets/animate/rotateOut.css +62 -0
  59. data/vendor/assets/stylesheets/animate/rotateOutDownLeft.css +62 -0
  60. data/vendor/assets/stylesheets/animate/rotateOutDownRight.css +62 -0
  61. data/vendor/assets/stylesheets/animate/rotateOutUpLeft.css +62 -0
  62. data/vendor/assets/stylesheets/animate/rotateOutUpRight.css +62 -0
  63. data/vendor/assets/stylesheets/animate/shake.css +30 -0
  64. data/vendor/assets/stylesheets/animate/swing.css +43 -0
  65. data/vendor/assets/stylesheets/animate/tada.css +38 -0
  66. data/vendor/assets/stylesheets/animate/wiggle.css +67 -0
  67. data/vendor/assets/stylesheets/animate/wobble.css +48 -0
  68. metadata +167 -0
data/vendor/assets/stylesheets/animate/bounceInRight.css ADDED
@@ -0,0 +1,86 @@
1
+ @-webkit-keyframes bounceInRight {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateX(2000px);
5
+ }
6
+
7
+ 60% {
8
+ opacity: 1;
9
+ -webkit-transform: translateX(-30px);
10
+ }
11
+
12
+ 80% {
13
+ -webkit-transform: translateX(10px);
14
+ }
15
+
16
+ 100% {
17
+ -webkit-transform: translateX(0);
18
+ }
19
+ }
20
+
21
+ @-moz-keyframes bounceInRight {
22
+ 0% {
23
+ opacity: 0;
24
+ -moz-transform: translateX(2000px);
25
+ }
26
+
27
+ 60% {
28
+ opacity: 1;
29
+ -moz-transform: translateX(-30px);
30
+ }
31
+
32
+ 80% {
33
+ -moz-transform: translateX(10px);
34
+ }
35
+
36
+ 100% {
37
+ -moz-transform: translateX(0);
38
+ }
39
+ }
40
+
41
+ @-o-keyframes bounceInRight {
42
+ 0% {
43
+ opacity: 0;
44
+ -o-transform: translateX(2000px);
45
+ }
46
+
47
+ 60% {
48
+ opacity: 1;
49
+ -o-transform: translateX(-30px);
50
+ }
51
+
52
+ 80% {
53
+ -o-transform: translateX(10px);
54
+ }
55
+
56
+ 100% {
57
+ -o-transform: translateX(0);
58
+ }
59
+ }
60
+
61
+ @keyframes bounceInRight {
62
+ 0% {
63
+ opacity: 0;
64
+ transform: translateX(2000px);
65
+ }
66
+
67
+ 60% {
68
+ opacity: 1;
69
+ transform: translateX(-30px);
70
+ }
71
+
72
+ 80% {
73
+ transform: translateX(10px);
74
+ }
75
+
76
+ 100% {
77
+ transform: translateX(0);
78
+ }
79
+ }
80
+
81
+ .bounceInRight {
82
+ -webkit-animation-name: bounceInRight;
83
+ -moz-animation-name: bounceInRight;
84
+ -o-animation-name: bounceInRight;
85
+ animation-name: bounceInRight;
86
+ }
data/vendor/assets/stylesheets/animate/bounceInUp.css ADDED
@@ -0,0 +1,85 @@
1
+ @-webkit-keyframes bounceInUp {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateY(2000px);
5
+ }
6
+
7
+ 60% {
8
+ opacity: 1;
9
+ -webkit-transform: translateY(-30px);
10
+ }
11
+
12
+ 80% {
13
+ -webkit-transform: translateY(10px);
14
+ }
15
+
16
+ 100% {
17
+ -webkit-transform: translateY(0);
18
+ }
19
+ }
20
+ @-moz-keyframes bounceInUp {
21
+ 0% {
22
+ opacity: 0;
23
+ -moz-transform: translateY(2000px);
24
+ }
25
+
26
+ 60% {
27
+ opacity: 1;
28
+ -moz-transform: translateY(-30px);
29
+ }
30
+
31
+ 80% {
32
+ -moz-transform: translateY(10px);
33
+ }
34
+
35
+ 100% {
36
+ -moz-transform: translateY(0);
37
+ }
38
+ }
39
+
40
+ @-o-keyframes bounceInUp {
41
+ 0% {
42
+ opacity: 0;
43
+ -o-transform: translateY(2000px);
44
+ }
45
+
46
+ 60% {
47
+ opacity: 1;
48
+ -o-transform: translateY(-30px);
49
+ }
50
+
51
+ 80% {
52
+ -o-transform: translateY(10px);
53
+ }
54
+
55
+ 100% {
56
+ -o-transform: translateY(0);
57
+ }
58
+ }
59
+
60
+ @keyframes bounceInUp {
61
+ 0% {
62
+ opacity: 0;
63
+ transform: translateY(2000px);
64
+ }
65
+
66
+ 60% {
67
+ opacity: 1;
68
+ transform: translateY(-30px);
69
+ }
70
+
71
+ 80% {
72
+ transform: translateY(10px);
73
+ }
74
+
75
+ 100% {
76
+ transform: translateY(0);
77
+ }
78
+ }
79
+
80
+ .bounceInUp {
81
+ -webkit-animation-name: bounceInUp;
82
+ -moz-animation-name: bounceInUp;
83
+ -o-animation-name: bounceInUp;
84
+ animation-name: bounceInUp;
85
+ }
data/vendor/assets/stylesheets/animate/bounceOut.css ADDED
@@ -0,0 +1,86 @@
1
+ @-webkit-keyframes bounceOut {
2
+ 0% {
3
+ -webkit-transform: scale(1);
4
+ }
5
+
6
+ 25% {
7
+ -webkit-transform: scale(.95);
8
+ }
9
+
10
+ 50% {
11
+ opacity: 1;
12
+ -webkit-transform: scale(1.1);
13
+ }
14
+
15
+ 100% {
16
+ opacity: 0;
17
+ -webkit-transform: scale(.3);
18
+ }
19
+ }
20
+
21
+ @-moz-keyframes bounceOut {
22
+ 0% {
23
+ -moz-transform: scale(1);
24
+ }
25
+
26
+ 25% {
27
+ -moz-transform: scale(.95);
28
+ }
29
+
30
+ 50% {
31
+ opacity: 1;
32
+ -moz-transform: scale(1.1);
33
+ }
34
+
35
+ 100% {
36
+ opacity: 0;
37
+ -moz-transform: scale(.3);
38
+ }
39
+ }
40
+
41
+ @-o-keyframes bounceOut {
42
+ 0% {
43
+ -o-transform: scale(1);
44
+ }
45
+
46
+ 25% {
47
+ -o-transform: scale(.95);
48
+ }
49
+
50
+ 50% {
51
+ opacity: 1;
52
+ -o-transform: scale(1.1);
53
+ }
54
+
55
+ 100% {
56
+ opacity: 0;
57
+ -o-transform: scale(.3);
58
+ }
59
+ }
60
+
61
+ @keyframes bounceOut {
62
+ 0% {
63
+ transform: scale(1);
64
+ }
65
+
66
+ 25% {
67
+ transform: scale(.95);
68
+ }
69
+
70
+ 50% {
71
+ opacity: 1;
72
+ transform: scale(1.1);
73
+ }
74
+
75
+ 100% {
76
+ opacity: 0;
77
+ transform: scale(.3);
78
+ }
79
+ }
80
+
81
+ .bounceOut {
82
+ -webkit-animation-name: bounceOut;
83
+ -moz-animation-name: bounceOut;
84
+ -o-animation-name: bounceOut;
85
+ animation-name: bounceOut;
86
+ }
data/vendor/assets/stylesheets/animate/bounceOutDown.css ADDED
@@ -0,0 +1,70 @@
1
+ @-webkit-keyframes bounceOutDown {
2
+ 0% {
3
+ -webkit-transform: translateY(0);
4
+ }
5
+
6
+ 20% {
7
+ opacity: 1;
8
+ -webkit-transform: translateY(-20px);
9
+ }
10
+
11
+ 100% {
12
+ opacity: 0;
13
+ -webkit-transform: translateY(2000px);
14
+ }
15
+ }
16
+
17
+ @-moz-keyframes bounceOutDown {
18
+ 0% {
19
+ -moz-transform: translateY(0);
20
+ }
21
+
22
+ 20% {
23
+ opacity: 1;
24
+ -moz-transform: translateY(-20px);
25
+ }
26
+
27
+ 100% {
28
+ opacity: 0;
29
+ -moz-transform: translateY(2000px);
30
+ }
31
+ }
32
+
33
+ @-o-keyframes bounceOutDown {
34
+ 0% {
35
+ -o-transform: translateY(0);
36
+ }
37
+
38
+ 20% {
39
+ opacity: 1;
40
+ -o-transform: translateY(-20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ -o-transform: translateY(2000px);
46
+ }
47
+ }
48
+
49
+ @keyframes bounceOutDown {
50
+ 0% {
51
+ transform: translateY(0);
52
+ }
53
+
54
+ 20% {
55
+ opacity: 1;
56
+ transform: translateY(-20px);
57
+ }
58
+
59
+ 100% {
60
+ opacity: 0;
61
+ transform: translateY(2000px);
62
+ }
63
+ }
64
+
65
+ .bounceOutDown {
66
+ -webkit-animation-name: bounceOutDown;
67
+ -moz-animation-name: bounceOutDown;
68
+ -o-animation-name: bounceOutDown;
69
+ animation-name: bounceOutDown;
70
+ }
data/vendor/assets/stylesheets/animate/bounceOutLeft.css ADDED
@@ -0,0 +1,70 @@
1
+ @-webkit-keyframes bounceOutLeft {
2
+ 0% {
3
+ -webkit-transform: translateX(0);
4
+ }
5
+
6
+ 20% {
7
+ opacity: 1;
8
+ -webkit-transform: translateX(20px);
9
+ }
10
+
11
+ 100% {
12
+ opacity: 0;
13
+ -webkit-transform: translateX(-2000px);
14
+ }
15
+ }
16
+
17
+ @-moz-keyframes bounceOutLeft {
18
+ 0% {
19
+ -moz-transform: translateX(0);
20
+ }
21
+
22
+ 20% {
23
+ opacity: 1;
24
+ -moz-transform: translateX(20px);
25
+ }
26
+
27
+ 100% {
28
+ opacity: 0;
29
+ -moz-transform: translateX(-2000px);
30
+ }
31
+ }
32
+
33
+ @-o-keyframes bounceOutLeft {
34
+ 0% {
35
+ -o-transform: translateX(0);
36
+ }
37
+
38
+ 20% {
39
+ opacity: 1;
40
+ -o-transform: translateX(20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ -o-transform: translateX(-2000px);
46
+ }
47
+ }
48
+
49
+ @keyframes bounceOutLeft {
50
+ 0% {
51
+ transform: translateX(0);
52
+ }
53
+
54
+ 20% {
55
+ opacity: 1;
56
+ transform: translateX(20px);
57
+ }
58
+
59
+ 100% {
60
+ opacity: 0;
61
+ transform: translateX(-2000px);
62
+ }
63
+ }
64
+
65
+ .bounceOutLeft {
66
+ -webkit-animation-name: bounceOutLeft;
67
+ -moz-animation-name: bounceOutLeft;
68
+ -o-animation-name: bounceOutLeft;
69
+ animation-name: bounceOutLeft;
70
+ }
data/vendor/assets/stylesheets/animate/bounceOutRight.css ADDED
@@ -0,0 +1,70 @@
1
+ @-webkit-keyframes bounceOutRight {
2
+ 0% {
3
+ -webkit-transform: translateX(0);
4
+ }
5
+
6
+ 20% {
7
+ opacity: 1;
8
+ -webkit-transform: translateX(-20px);
9
+ }
10
+
11
+ 100% {
12
+ opacity: 0;
13
+ -webkit-transform: translateX(2000px);
14
+ }
15
+ }
16
+
17
+ @-moz-keyframes bounceOutRight {
18
+ 0% {
19
+ -moz-transform: translateX(0);
20
+ }
21
+
22
+ 20% {
23
+ opacity: 1;
24
+ -moz-transform: translateX(-20px);
25
+ }
26
+
27
+ 100% {
28
+ opacity: 0;
29
+ -moz-transform: translateX(2000px);
30
+ }
31
+ }
32
+
33
+ @-o-keyframes bounceOutRight {
34
+ 0% {
35
+ -o-transform: translateX(0);
36
+ }
37
+
38
+ 20% {
39
+ opacity: 1;
40
+ -o-transform: translateX(-20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ -o-transform: translateX(2000px);
46
+ }
47
+ }
48
+
49
+ @keyframes bounceOutRight {
50
+ 0% {
51
+ transform: translateX(0);
52
+ }
53
+
54
+ 20% {
55
+ opacity: 1;
56
+ transform: translateX(-20px);
57
+ }
58
+
59
+ 100% {
60
+ opacity: 0;
61
+ transform: translateX(2000px);
62
+ }
63
+ }
64
+
65
+ .bounceOutRight {
66
+ -webkit-animation-name: bounceOutRight;
67
+ -moz-animation-name: bounceOutRight;
68
+ -o-animation-name: bounceOutRight;
69
+ animation-name: bounceOutRight;
70
+ }