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,70 @@
1
+ @-webkit-keyframes bounceOutUp {
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 bounceOutUp {
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 bounceOutUp {
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 bounceOutUp {
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
+ .bounceOutUp {
66
+ -webkit-animation-name: bounceOutUp;
67
+ -moz-animation-name: bounceOutUp;
68
+ -o-animation-name: bounceOutUp;
69
+ animation-name: bounceOutUp;
70
+ }
@@ -0,0 +1,26 @@
1
+ @-webkit-keyframes fadeIn {
2
+ 0% {opacity: 0;}
3
+ 100% {opacity: 1;}
4
+ }
5
+
6
+ @-moz-keyframes fadeIn {
7
+ 0% {opacity: 0;}
8
+ 100% {opacity: 1;}
9
+ }
10
+
11
+ @-o-keyframes fadeIn {
12
+ 0% {opacity: 0;}
13
+ 100% {opacity: 1;}
14
+ }
15
+
16
+ @keyframes fadeIn {
17
+ 0% {opacity: 0;}
18
+ 100% {opacity: 1;}
19
+ }
20
+
21
+ .fadeIn {
22
+ -webkit-animation-name: fadeIn;
23
+ -moz-animation-name: fadeIn;
24
+ -o-animation-name: fadeIn;
25
+ animation-name: fadeIn;
26
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInDown {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateY(-20px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateY(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInDown {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateY(-20px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateY(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInDown {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateY(-20px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateY(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInDown {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateY(-20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+ }
47
+ }
48
+
49
+ .fadeInDown {
50
+ -webkit-animation-name: fadeInDown;
51
+ -moz-animation-name: fadeInDown;
52
+ -o-animation-name: fadeInDown;
53
+ animation-name: fadeInDown;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInDownBig {
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 fadeInDownBig {
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 fadeInDownBig {
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 fadeInDownBig {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateY(-2000px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+ }
47
+ }
48
+
49
+ .fadeInDownBig {
50
+ -webkit-animation-name: fadeInDownBig;
51
+ -moz-animation-name: fadeInDownBig;
52
+ -o-animation-name: fadeInDownBig;
53
+ animation-name: fadeInDownBig;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInLeft {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateX(-20px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateX(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInLeft {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateX(-20px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateX(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInLeft {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateX(-20px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateX(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInLeft {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateX(-20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateX(0);
46
+ }
47
+ }
48
+
49
+ .fadeInLeft {
50
+ -webkit-animation-name: fadeInLeft;
51
+ -moz-animation-name: fadeInLeft;
52
+ -o-animation-name: fadeInLeft;
53
+ animation-name: fadeInLeft;
54
+ }
@@ -0,0 +1,51 @@
1
+ @-webkit-keyframes fadeInLeftBig {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateX(-2000px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateX(0);
10
+ }
11
+ }
12
+ @-moz-keyframes fadeInLeftBig {
13
+ 0% {
14
+ opacity: 0;
15
+ -moz-transform: translateX(-2000px);
16
+ }
17
+
18
+ 100% {
19
+ opacity: 1;
20
+ -moz-transform: translateX(0);
21
+ }
22
+ }
23
+ @-o-keyframes fadeInLeftBig {
24
+ 0% {
25
+ opacity: 0;
26
+ -o-transform: translateX(-2000px);
27
+ }
28
+
29
+ 100% {
30
+ opacity: 1;
31
+ -o-transform: translateX(0);
32
+ }
33
+ }
34
+ @keyframes fadeInLeftBig {
35
+ 0% {
36
+ opacity: 0;
37
+ transform: translateX(-2000px);
38
+ }
39
+
40
+ 100% {
41
+ opacity: 1;
42
+ transform: translateX(0);
43
+ }
44
+ }
45
+
46
+ .fadeInLeftBig {
47
+ -webkit-animation-name: fadeInLeftBig;
48
+ -moz-animation-name: fadeInLeftBig;
49
+ -o-animation-name: fadeInLeftBig;
50
+ animation-name: fadeInLeftBig;
51
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInRight {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateX(20px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateX(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInRight {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateX(20px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateX(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInRight {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateX(20px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateX(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInRight {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateX(20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateX(0);
46
+ }
47
+ }
48
+
49
+ .fadeInRight {
50
+ -webkit-animation-name: fadeInRight;
51
+ -moz-animation-name: fadeInRight;
52
+ -o-animation-name: fadeInRight;
53
+ animation-name: fadeInRight;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInRightBig {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateX(2000px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateX(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInRightBig {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateX(2000px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateX(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInRightBig {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateX(2000px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateX(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInRightBig {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateX(2000px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateX(0);
46
+ }
47
+ }
48
+
49
+ .fadeInRightBig {
50
+ -webkit-animation-name: fadeInRightBig;
51
+ -moz-animation-name: fadeInRightBig;
52
+ -o-animation-name: fadeInRightBig;
53
+ animation-name: fadeInRightBig;
54
+ }
@@ -0,0 +1,54 @@
1
+ @-webkit-keyframes fadeInUp {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateY(20px);
5
+ }
6
+
7
+ 100% {
8
+ opacity: 1;
9
+ -webkit-transform: translateY(0);
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeInUp {
14
+ 0% {
15
+ opacity: 0;
16
+ -moz-transform: translateY(20px);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ -moz-transform: translateY(0);
22
+ }
23
+ }
24
+
25
+ @-o-keyframes fadeInUp {
26
+ 0% {
27
+ opacity: 0;
28
+ -o-transform: translateY(20px);
29
+ }
30
+
31
+ 100% {
32
+ opacity: 1;
33
+ -o-transform: translateY(0);
34
+ }
35
+ }
36
+
37
+ @keyframes fadeInUp {
38
+ 0% {
39
+ opacity: 0;
40
+ transform: translateY(20px);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+ }
47
+ }
48
+
49
+ .fadeInUp {
50
+ -webkit-animation-name: fadeInUp;
51
+ -moz-animation-name: fadeInUp;
52
+ -o-animation-name: fadeInUp;
53
+ animation-name: fadeInUp;
54
+ }