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
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInUpBig {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateY(2000px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateY(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInUpBig {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateY(2000px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateY(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInUpBig {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateY(2000px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateY(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInUpBig {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateY(2000px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+ }
47
+ }
48
+
49
+ .fadeInUpBig {
50
+ -webkit-animation-name: fadeInUpBig;
51
+ -moz-animation-name: fadeInUpBig;
52
+ -o-animation-name: fadeInUpBig;
53
+ animation-name: fadeInUpBig;
54
+ }
@@ -0,0 +1,26 @@
1
+ @-webkit-keyframes fadeOut {
2
+ 0% {opacity: 1;}
3
+ 100% {opacity: 0;}
4
+ }
5
+
6
+ @-moz-keyframes fadeOut {
7
+ 0% {opacity: 1;}
8
+ 100% {opacity: 0;}
9
+ }
10
+
11
+ @-o-keyframes fadeOut {
12
+ 0% {opacity: 1;}
13
+ 100% {opacity: 0;}
14
+ }
15
+
16
+ @keyframes fadeOut {
17
+ 0% {opacity: 1;}
18
+ 100% {opacity: 0;}
19
+ }
20
+
21
+ .fadeOut {
22
+ -webkit-animation-name: fadeOut;
23
+ -moz-animation-name: fadeOut;
24
+ -o-animation-name: fadeOut;
25
+ animation-name: fadeOut;
26
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeOutDown {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateY(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateY(20px);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeOutDown {
14
+ 0% {
15
+ opacity: 1;
16
+ -moz-transform: translateY(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 0;
21
+ -moz-transform: translateY(20px);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeOutDown {
26
+ 0% {
27
+ opacity: 1;
28
+ -o-transform: translateY(0);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 0;
33
+ -o-transform: translateY(20px);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeOutDown {
38
+ 0% {
39
+ opacity: 1;
40
+ transform: translateY(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ transform: translateY(20px);
46
+ }
47
+ }
48
+
49
+ .fadeOutDown {
50
+ -webkit-animation-name: fadeOutDown;
51
+ -moz-animation-name: fadeOutDown;
52
+ -o-animation-name: fadeOutDown;
53
+ animation-name: fadeOutDown;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeOutDownBig {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateY(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateY(2000px);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeOutDownBig {
14
+ 0% {
15
+ opacity: 1;
16
+ -moz-transform: translateY(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 0;
21
+ -moz-transform: translateY(2000px);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeOutDownBig {
26
+ 0% {
27
+ opacity: 1;
28
+ -o-transform: translateY(0);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 0;
33
+ -o-transform: translateY(2000px);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeOutDownBig {
38
+ 0% {
39
+ opacity: 1;
40
+ transform: translateY(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ transform: translateY(2000px);
46
+ }
47
+ }
48
+
49
+ .fadeOutDownBig {
50
+ -webkit-animation-name: fadeOutDownBig;
51
+ -moz-animation-name: fadeOutDownBig;
52
+ -o-animation-name: fadeOutDownBig;
53
+ animation-name: fadeOutDownBig;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeOutLeft {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateX(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateX(-20px);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeOutLeft {
14
+ 0% {
15
+ opacity: 1;
16
+ -moz-transform: translateX(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 0;
21
+ -moz-transform: translateX(-20px);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeOutLeft {
26
+ 0% {
27
+ opacity: 1;
28
+ -o-transform: translateX(0);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 0;
33
+ -o-transform: translateX(-20px);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeOutLeft {
38
+ 0% {
39
+ opacity: 1;
40
+ transform: translateX(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ transform: translateX(-20px);
46
+ }
47
+ }
48
+
49
+ .fadeOutLeft {
50
+ -webkit-animation-name: fadeOutLeft;
51
+ -moz-animation-name: fadeOutLeft;
52
+ -o-animation-name: fadeOutLeft;
53
+ animation-name: fadeOutLeft;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeOutLeftBig {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateX(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateX(-2000px);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeOutLeftBig {
14
+ 0% {
15
+ opacity: 1;
16
+ -moz-transform: translateX(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 0;
21
+ -moz-transform: translateX(-2000px);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeOutLeftBig {
26
+ 0% {
27
+ opacity: 1;
28
+ -o-transform: translateX(0);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 0;
33
+ -o-transform: translateX(-2000px);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeOutLeftBig {
38
+ 0% {
39
+ opacity: 1;
40
+ transform: translateX(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ transform: translateX(-2000px);
46
+ }
47
+ }
48
+
49
+ .fadeOutLeftBig {
50
+ -webkit-animation-name: fadeOutLeftBig;
51
+ -moz-animation-name: fadeOutLeftBig;
52
+ -o-animation-name: fadeOutLeftBig;
53
+ animation-name: fadeOutLeftBig;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeOutRight {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateX(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateX(20px);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeOutRight {
14
+ 0% {
15
+ opacity: 1;
16
+ -moz-transform: translateX(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 0;
21
+ -moz-transform: translateX(20px);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeOutRight {
26
+ 0% {
27
+ opacity: 1;
28
+ -o-transform: translateX(0);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 0;
33
+ -o-transform: translateX(20px);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeOutRight {
38
+ 0% {
39
+ opacity: 1;
40
+ transform: translateX(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 0;
45
+ transform: translateX(20px);
46
+ }
47
+ }
48
+
49
+ .fadeOutRight {
50
+ -webkit-animation-name: fadeOutRight;
51
+ -moz-animation-name: fadeOutRight;
52
+ -o-animation-name: fadeOutRight;
53
+ animation-name: fadeOutRight;
54
+ }
@@ -0,0 +1,51 @@
1
+ @-webkit-keyframes fadeOutRightBig {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateX(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateX(2000px);
10
+ }
11
+ }
12
+ @-moz-keyframes fadeOutRightBig {
13
+ 0% {
14
+ opacity: 1;
15
+ -moz-transform: translateX(0);
16
+ }
17
+
18
+ 100% {
19
+ opacity: 0;
20
+ -moz-transform: translateX(2000px);
21
+ }
22
+ }
23
+ @-o-keyframes fadeOutRightBig {
24
+ 0% {
25
+ opacity: 1;
26
+ -o-transform: translateX(0);
27
+ }
28
+
29
+ 100% {
30
+ opacity: 0;
31
+ -o-transform: translateX(2000px);
32
+ }
33
+ }
34
+ @keyframes fadeOutRightBig {
35
+ 0% {
36
+ opacity: 1;
37
+ transform: translateX(0);
38
+ }
39
+
40
+ 100% {
41
+ opacity: 0;
42
+ transform: translateX(2000px);
43
+ }
44
+ }
45
+
46
+ .fadeOutRightBig {
47
+ -webkit-animation-name: fadeOutRightBig;
48
+ -moz-animation-name: fadeOutRightBig;
49
+ -o-animation-name: fadeOutRightBig;
50
+ animation-name: fadeOutRightBig;
51
+ }
@@ -0,0 +1,51 @@
1
+ @-webkit-keyframes fadeOutUp {
2
+ 0% {
3
+ opacity: 1;
4
+ -webkit-transform: translateY(0);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 0;
9
+ -webkit-transform: translateY(-20px);
10
+ }
11
+ }
12
+ @-moz-keyframes fadeOutUp {
13
+ 0% {
14
+ opacity: 1;
15
+ -moz-transform: translateY(0);
16
+ }
17
+
18
+ 100% {
19
+ opacity: 0;
20
+ -moz-transform: translateY(-20px);
21
+ }
22
+ }
23
+ @-o-keyframes fadeOutUp {
24
+ 0% {
25
+ opacity: 1;
26
+ -o-transform: translateY(0);
27
+ }
28
+
29
+ 100% {
30
+ opacity: 0;
31
+ -o-transform: translateY(-20px);
32
+ }
33
+ }
34
+ @keyframes fadeOutUp {
35
+ 0% {
36
+ opacity: 1;
37
+ transform: translateY(0);
38
+ }
39
+
40
+ 100% {
41
+ opacity: 0;
42
+ transform: translateY(-20px);
43
+ }
44
+ }
45
+
46
+ .fadeOutUp {
47
+ -webkit-animation-name: fadeOutUp;
48
+ -moz-animation-name: fadeOutUp;
49
+ -o-animation-name: fadeOutUp;
50
+ animation-name: fadeOutUp;
51
+ }