animate.sass-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.md +26 -0
  3. data/Rakefile +26 -0
  4. data/lib/animate.sass-rails.rb +6 -0
  5. data/lib/animate.sass-rails/version.rb +3 -0
  6. data/vendor/assets/stylesheets/_animate.sass +7 -0
  7. data/vendor/assets/stylesheets/animate/_animations.sass +35 -0
  8. data/vendor/assets/stylesheets/animate/_css3.sass +3 -0
  9. data/vendor/assets/stylesheets/animate/_shared.sass +2 -0
  10. data/vendor/assets/stylesheets/animate/_utilities.sass +1 -0
  11. data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass +7 -0
  12. data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass +5 -0
  13. data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass +5 -0
  14. data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass +12 -0
  15. data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass +12 -0
  16. data/vendor/assets/stylesheets/animate/animations/_flippers.sass +5 -0
  17. data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass +5 -0
  18. data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass +5 -0
  19. data/vendor/assets/stylesheets/animate/animations/_specials.sass +3 -0
  20. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass +42 -0
  21. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass +38 -0
  22. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass +36 -0
  23. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass +50 -0
  24. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass +41 -0
  25. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass +50 -0
  26. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_wobble.sass +44 -0
  27. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceIn.sass +38 -0
  28. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInDown.sass +38 -0
  29. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInLeft.sass +38 -0
  30. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInRight.sass +38 -0
  31. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInUp.sass +38 -0
  32. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOut.sass +38 -0
  33. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutDown.sass +36 -0
  34. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutLeft.sass +36 -0
  35. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutRight.sass +36 -0
  36. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutUp.sass +36 -0
  37. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeIn.sass +32 -0
  38. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDown.sass +34 -0
  39. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDownBig.sass +34 -0
  40. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeft.sass +34 -0
  41. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeftBig.sass +34 -0
  42. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRight.sass +34 -0
  43. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRightBig.sass +34 -0
  44. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUp.sass +34 -0
  45. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUpBig.sass +34 -0
  46. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOut.sass +32 -0
  47. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDown.sass +34 -0
  48. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDownBig.sass +34 -0
  49. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeft.sass +34 -0
  50. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeftBig.sass +34 -0
  51. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRight.sass +34 -0
  52. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRightBig.sass +34 -0
  53. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUp.sass +34 -0
  54. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUpBig.sass +34 -0
  55. data/vendor/assets/stylesheets/animate/animations/flippers/_flip.sass +44 -0
  56. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInX.sass +39 -0
  57. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInY.sass +39 -0
  58. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutX.sass +35 -0
  59. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutY.sass +35 -0
  60. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateIn.sass +36 -0
  61. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownLeft.sass +36 -0
  62. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownRight.sass +36 -0
  63. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpLeft.sass +36 -0
  64. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpRight.sass +36 -0
  65. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOut.sass +36 -0
  66. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownLeft.sass +36 -0
  67. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownRight.sass +36 -0
  68. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpLeft.sass +36 -0
  69. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpRight.sass +36 -0
  70. data/vendor/assets/stylesheets/animate/animations/specials/_hinge.sass +48 -0
  71. data/vendor/assets/stylesheets/animate/animations/specials/_rollIn.sass +36 -0
  72. data/vendor/assets/stylesheets/animate/animations/specials/_rollOut.sass +36 -0
  73. data/vendor/assets/stylesheets/animate/css3/_animation.sass +49 -0
  74. data/vendor/assets/stylesheets/animate/css3/_backface-visibility.sass +8 -0
  75. data/vendor/assets/stylesheets/animate/css3/_transform.sass +19 -0
  76. data/vendor/assets/stylesheets/animate/css3/animation/_animation-delay.sass +10 -0
  77. data/vendor/assets/stylesheets/animate/css3/animation/_animation-direction.sass +10 -0
  78. data/vendor/assets/stylesheets/animate/css3/animation/_animation-duration.sass +10 -0
  79. data/vendor/assets/stylesheets/animate/css3/animation/_animation-fill-mode.sass +10 -0
  80. data/vendor/assets/stylesheets/animate/css3/animation/_animation-iteration-count.sass +10 -0
  81. data/vendor/assets/stylesheets/animate/css3/animation/_animation-name.sass +10 -0
  82. data/vendor/assets/stylesheets/animate/css3/animation/_animation-play-state.sass +10 -0
  83. data/vendor/assets/stylesheets/animate/css3/animation/_animation-timing-function.sass +10 -0
  84. data/vendor/assets/stylesheets/animate/utilities/_mixins.sass +7 -0
  85. metadata +146 -0
@@ -0,0 +1,44 @@
1
+ // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
+
3
+ =wobble($prefix)
4
+ 0%
5
+ +transform(translateX(0%), $prefix)
6
+ 15%
7
+ +transform(translateX(-25%) rotate(-5deg), $prefix)
8
+ 30%
9
+ +transform(translateX(20%) rotate(3deg), $prefix)
10
+ 45%
11
+ +transform(translateX(-15%) rotate(-3deg), $prefix)
12
+ 60%
13
+ +transform(translateX(10%) rotate(2deg), $prefix)
14
+ 75%
15
+ +transform(translateX(-5%) rotate(-1deg), $prefix)
16
+ 100%
17
+ +transform(translateX(0%), $prefix)
18
+
19
+ @if $experimental-support-for-webkit
20
+ @-webkit-keyframes wobble
21
+ +wobble(webkit)
22
+
23
+ @if $experimental-support-for-khtml
24
+ @-khtml-keyframes wobble
25
+ +wobble(khtml)
26
+
27
+ @if $experimental-support-for-mozilla
28
+ @-moz-keyframes wobble
29
+ +wobble(moz)
30
+
31
+ @if $experimental-support-for-microsoft
32
+ @-ms-keyframes wobble
33
+ +wobble(ms)
34
+
35
+ @if $experimental-support-for-opera
36
+ @-o-keyframes wobble
37
+ +wobble(o)
38
+
39
+ @keyframes wobble
40
+ +wobble(none)
41
+
42
+
43
+ .wobble
44
+ +animation-name(wobble)
@@ -0,0 +1,38 @@
1
+ =bounceIn($prefix)
2
+ 0%
3
+ opacity: 0
4
+ +transform(scale(0.3), $prefix)
5
+ 50%
6
+ opacity: 1
7
+ +transform(scale(1.05), $prefix)
8
+ 70%
9
+ +transform(scale(0.9), $prefix)
10
+ 100%
11
+ +transform(scale(1), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceIn
15
+ +bounceIn(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceIn
19
+ +bounceIn(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceIn
23
+ +bounceIn(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceIn
27
+ +bounceIn(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceIn
31
+ +bounceIn(o)
32
+
33
+ @keyframes bounceIn
34
+ +bounceIn(none)
35
+
36
+
37
+ .bounceIn
38
+ +animation-name(bounceIn)
@@ -0,0 +1,38 @@
1
+ =bounceInDown($prefix)
2
+ 0%
3
+ opacity: 0
4
+ +transform(translateY(-2000px), $prefix)
5
+ 60%
6
+ opacity: 1
7
+ +transform(translateY(30px), $prefix)
8
+ 80%
9
+ +transform(translateY(-10px), $prefix)
10
+ 100%
11
+ +transform(translateY(0), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceInDown
15
+ +bounceInDown(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceInDown
19
+ +bounceInDown(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceInDown
23
+ +bounceInDown(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceInDown
27
+ +bounceInDown(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceInDown
31
+ +bounceInDown(o)
32
+
33
+ @keyframes bounceInDown
34
+ +bounceInDown(none)
35
+
36
+
37
+ .bounceInDown
38
+ +animation-name(bounceInDown)
@@ -0,0 +1,38 @@
1
+ =bounceInLeft($prefix)
2
+ 0%
3
+ opacity: 0
4
+ +transform(translateX(-2000px), $prefix)
5
+ 60%
6
+ opacity: 1
7
+ +transform(translateX(30px), $prefix)
8
+ 80%
9
+ +transform(translateX(-10px), $prefix)
10
+ 100%
11
+ +transform(translateX(0), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceInLeft
15
+ +bounceInLeft(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceInLeft
19
+ +bounceInLeft(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceInLeft
23
+ +bounceInLeft(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceInLeft
27
+ +bounceInLeft(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceInLeft
31
+ +bounceInLeft(o)
32
+
33
+ @keyframes bounceInLeft
34
+ +bounceInLeft(none)
35
+
36
+
37
+ .bounceInLeft
38
+ +animation-name(bounceInLeft)
@@ -0,0 +1,38 @@
1
+ =bounceInRight($prefix)
2
+ 0%
3
+ opacity: 0
4
+ +transform(translateX(2000px), $prefix)
5
+ 60%
6
+ opacity: 1
7
+ +transform(translateX(-30px), $prefix)
8
+ 80%
9
+ +transform(translateX(10px), $prefix)
10
+ 100%
11
+ +transform(translateX(0), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceInRight
15
+ +bounceInRight(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceInRight
19
+ +bounceInRight(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceInRight
23
+ +bounceInRight(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceInRight
27
+ +bounceInRight(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceInRight
31
+ +bounceInRight(o)
32
+
33
+ @keyframes bounceInRight
34
+ +bounceInRight(none)
35
+
36
+
37
+ .bounceInRight
38
+ +animation-name(bounceInRight)
@@ -0,0 +1,38 @@
1
+ =bounceInUp($prefix)
2
+ 0%
3
+ opacity: 0
4
+ +transform(translateY(2000px), $prefix)
5
+ 60%
6
+ opacity: 1
7
+ +transform(translateY(-30px), $prefix)
8
+ 80%
9
+ +transform(translateY(10px), $prefix)
10
+ 100%
11
+ +transform(translateY(0), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceInUp
15
+ +bounceInUp(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceInUp
19
+ +bounceInUp(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceInUp
23
+ +bounceInUp(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceInUp
27
+ +bounceInUp(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceInUp
31
+ +bounceInUp(o)
32
+
33
+ @keyframes bounceInUp
34
+ +bounceInUp(none)
35
+
36
+
37
+ .bounceInUp
38
+ +animation-name(bounceInUp)
@@ -0,0 +1,38 @@
1
+ =bounceOut($prefix)
2
+ 0%
3
+ +transform(scale(1), $prefix)
4
+ 25%
5
+ +transform(scale(0.95), $prefix)
6
+ 50%
7
+ opacity: 1
8
+ +transform(scale(1.1), $prefix)
9
+ 100%
10
+ opacity: 0
11
+ +transform(scale(0.3), $prefix)
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes bounceOut
15
+ +bounceOut(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes bounceOut
19
+ +bounceOut(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes bounceOut
23
+ +bounceOut(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes bounceOut
27
+ +bounceOut(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes bounceOut
31
+ +bounceOut(o)
32
+
33
+ @keyframes bounceOut
34
+ +bounceOut(none)
35
+
36
+
37
+ .bounceOut
38
+ +animation-name(bounceOut)
@@ -0,0 +1,36 @@
1
+ =bounceOutDown($prefix)
2
+ 0%
3
+ +transform(translateY(0), $prefix)
4
+ 20%
5
+ opacity: 1
6
+ +transform(translateY(-20px), $prefix)
7
+ 100%
8
+ opacity: 0
9
+ +transform(translateY(2000px), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes bounceOutDown
13
+ +bounceOutDown(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes bounceOutDown
17
+ +bounceOutDown(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes bounceOutDown
21
+ +bounceOutDown(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes bounceOutDown
25
+ +bounceOutDown(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes bounceOutDown
29
+ +bounceOutDown(o)
30
+
31
+ @keyframes bounceOutDown
32
+ +bounceOutDown(none)
33
+
34
+
35
+ .bounceOutDown
36
+ +animation-name(bounceOutDown)
@@ -0,0 +1,36 @@
1
+ =bounceOutLeft($prefix)
2
+ 0%
3
+ +transform(translateX(0), $prefix)
4
+ 20%
5
+ opacity: 1
6
+ +transform(translateX(20px), $prefix)
7
+ 100%
8
+ opacity: 0
9
+ +transform(translateX(-2000px), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes bounceOutLeft
13
+ +bounceOutLeft(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes bounceOutLeft
17
+ +bounceOutLeft(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes bounceOutLeft
21
+ +bounceOutLeft(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes bounceOutLeft
25
+ +bounceOutLeft(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes bounceOutLeft
29
+ +bounceOutLeft(o)
30
+
31
+ @keyframes bounceOutLeft
32
+ +bounceOutLeft(none)
33
+
34
+
35
+ .bounceOutLeft
36
+ +animation-name(bounceOutLeft)
@@ -0,0 +1,36 @@
1
+ =bounceOutRight($prefix)
2
+ 0%
3
+ +transform(translateX(0), $prefix)
4
+ 20%
5
+ opacity: 1
6
+ +transform(translateX(-20px), $prefix)
7
+ 100%
8
+ opacity: 0
9
+ +transform(translateX(2000px), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes bounceOutRight
13
+ +bounceOutRight(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes bounceOutRight
17
+ +bounceOutRight(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes bounceOutRight
21
+ +bounceOutRight(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes bounceOutRight
25
+ +bounceOutRight(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes bounceOutRight
29
+ +bounceOutRight(o)
30
+
31
+ @keyframes bounceOutRight
32
+ +bounceOutRight(none)
33
+
34
+
35
+ .bounceOutRight
36
+ +animation-name(bounceOutRight)
@@ -0,0 +1,36 @@
1
+ =bounceOutUp($prefix)
2
+ 0%
3
+ +transform(translateY(0), $prefix)
4
+ 20%
5
+ opacity: 1
6
+ +transform(translateY(20px), $prefix)
7
+ 100%
8
+ opacity: 0
9
+ +transform(translateY(-2000px), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes bounceOutUp
13
+ +bounceOutUp(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes bounceOutUp
17
+ +bounceOutUp(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes bounceOutUp
21
+ +bounceOutUp(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes bounceOutUp
25
+ +bounceOutUp(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes bounceOutUp
29
+ +bounceOutUp(o)
30
+
31
+ @keyframes bounceOutUp
32
+ +bounceOutUp(none)
33
+
34
+
35
+ .bounceOutUp
36
+ +animation-name(bounceOutUp)
@@ -0,0 +1,32 @@
1
+ =fadeIn
2
+ 0%
3
+ opacity: 0
4
+ 100%
5
+ opacity: 1
6
+
7
+ @if $experimental-support-for-webkit
8
+ @-webkit-keyframes fadeIn
9
+ +fadeIn
10
+
11
+ @if $experimental-support-for-khtml
12
+ @-khtml-keyframes fadeIn
13
+ +fadeIn
14
+
15
+ @if $experimental-support-for-mozilla
16
+ @-moz-keyframes fadeIn
17
+ +fadeIn
18
+
19
+ @if $experimental-support-for-microsoft
20
+ @-ms-keyframes fadeIn
21
+ +fadeIn
22
+
23
+ @if $experimental-support-for-opera
24
+ @-o-keyframes fadeIn
25
+ +fadeIn
26
+
27
+ @keyframes fadeIn
28
+ +fadeIn
29
+
30
+
31
+ .fadeIn
32
+ +animation-name(fadeIn)