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,34 @@
1
+ =fadeOutRight($prefix)
2
+ 0%
3
+ opacity: 1
4
+ +transform(translateX(0), $prefix)
5
+ 100%
6
+ opacity: 0
7
+ +transform(translateX(20px), $prefix)
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes fadeOutRight
11
+ +fadeOutRight(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes fadeOutRight
15
+ +fadeOutRight(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes fadeOutRight
19
+ +fadeOutRight(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes fadeOutRight
23
+ +fadeOutRight(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes fadeOutRight
27
+ +fadeOutRight(o)
28
+
29
+ @keyframes fadeOutRight
30
+ +fadeOutRight(none)
31
+
32
+
33
+ .fadeOutRight
34
+ +animation-name(fadeOutRight)
@@ -0,0 +1,34 @@
1
+ =fadeOutRightBig($prefix)
2
+ 0%
3
+ opacity: 1
4
+ +transform(translateX(0), $prefix)
5
+ 100%
6
+ opacity: 0
7
+ +transform(translateX(2000px), $prefix)
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes fadeOutRightBig
11
+ +fadeOutRightBig(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes fadeOutRightBig
15
+ +fadeOutRightBig(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes fadeOutRightBig
19
+ +fadeOutRightBig(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes fadeOutRightBig
23
+ +fadeOutRightBig(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes fadeOutRightBig
27
+ +fadeOutRightBig(o)
28
+
29
+ @keyframes fadeOutRightBig
30
+ +fadeOutRightBig(none)
31
+
32
+
33
+ .fadeOutRightBig
34
+ +animation-name(fadeOutRightBig)
@@ -0,0 +1,34 @@
1
+ =fadeOutUp($prefix)
2
+ 0%
3
+ opacity: 1
4
+ +transform(translateY(0), $prefix)
5
+ 100%
6
+ opacity: 0
7
+ +transform(translateY(-20px), $prefix)
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes fadeOutUp
11
+ +fadeOutUp(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes fadeOutUp
15
+ +fadeOutUp(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes fadeOutUp
19
+ +fadeOutUp(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes fadeOutUp
23
+ +fadeOutUp(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes fadeOutUp
27
+ +fadeOutUp(o)
28
+
29
+ @keyframes fadeOutUp
30
+ +fadeOutUp(none)
31
+
32
+
33
+ .fadeOutUp
34
+ +animation-name(fadeOutUp)
@@ -0,0 +1,34 @@
1
+ =fadeOutUpBig($prefix)
2
+ 0%
3
+ opacity: 1
4
+ +transform(translateY(0), $prefix)
5
+ 100%
6
+ opacity: 0
7
+ +transform(translateY(-2000px), $prefix)
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes fadeOutUpBig
11
+ +fadeOutUpBig(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes fadeOutUpBig
15
+ +fadeOutUpBig(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes fadeOutUpBig
19
+ +fadeOutUpBig(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes fadeOutUpBig
23
+ +fadeOutUpBig(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes fadeOutUpBig
27
+ +fadeOutUpBig(o)
28
+
29
+ @keyframes fadeOutUpBig
30
+ +fadeOutUpBig(none)
31
+
32
+
33
+ .fadeOutUpBig
34
+ +animation-name(fadeOutUpBig)
@@ -0,0 +1,44 @@
1
+ =flip($prefix)
2
+ 0%
3
+ +transform(perspective(400px) rotateY(0), $prefix)
4
+ +animation-timing-function(ease-out, $prefix: $prefix)
5
+ 40%
6
+ +transform(perspective(400px) translateZ(150px) rotateY(170deg), $prefix)
7
+ +animation-timing-function(ease-out, $prefix: $prefix)
8
+ 50%
9
+ +transform(perspective(400px) translateZ(150px) rotateY(190deg) scale(1), $prefix)
10
+ +animation-timing-function(ease-in, $prefix: $prefix)
11
+ 80%
12
+ +transform(perspective(400px) rotateY(360deg) scale(0.95), $prefix)
13
+ +animation-timing-function(ease-in, $prefix: $prefix)
14
+ 100%
15
+ +transform(perspective(400px) scale(1), $prefix)
16
+ +animation-timing-function(ease-in, $prefix: $prefix)
17
+
18
+ @if $experimental-support-for-webkit
19
+ @-webkit-keyframes flip
20
+ +flip(webkit)
21
+
22
+ @if $experimental-support-for-khtml
23
+ @-khtml-keyframes flip
24
+ +flip(khtml)
25
+
26
+ @if $experimental-support-for-mozilla
27
+ @-moz-keyframes flip
28
+ +flip(moz)
29
+
30
+ @if $experimental-support-for-microsoft
31
+ @-ms-keyframes flip
32
+ +flip(ms)
33
+
34
+ @if $experimental-support-for-opera
35
+ @-o-keyframes flip
36
+ +flip(o)
37
+
38
+ @keyframes flip
39
+ +flip(none)
40
+
41
+
42
+ .flip
43
+ +animation-name(flip)
44
+ +backface-visibility(visible !important)
@@ -0,0 +1,39 @@
1
+ =flipInX($prefix)
2
+ 0%
3
+ +transform(perspective(400px) rotateX(90deg), $prefix)
4
+ opacity: 0
5
+ 40%
6
+ +transform(perspective(400px) rotateX(-10deg), $prefix)
7
+ 70%
8
+ +transform(perspective(400px) rotateX(10deg), $prefix)
9
+ 100%
10
+ +transform(perspective(400px) rotateX(0deg), $prefix)
11
+ opacity: 1
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes flipInX
15
+ +flipInX(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes flipInX
19
+ +flipInX(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes flipInX
23
+ +flipInX(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes flipInX
27
+ +flipInX(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes flipInX
31
+ +flipInX(o)
32
+
33
+ @keyframes flipInX
34
+ +flipInX(none)
35
+
36
+
37
+ .flipInX
38
+ +animation-name(flipInX)
39
+ +backface-visibility(visible !important)
@@ -0,0 +1,39 @@
1
+ =flipInY($prefix)
2
+ 0%
3
+ +transform(perspective(400px) rotateY(90deg), $prefix)
4
+ opacity: 0
5
+ 40%
6
+ +transform(perspective(400px) rotateY(-10deg), $prefix)
7
+ 70%
8
+ +transform(perspective(400px) rotateY(10deg), $prefix)
9
+ 100%
10
+ +transform(perspective(400px) rotateY(0deg), $prefix)
11
+ opacity: 1
12
+
13
+ @if $experimental-support-for-webkit
14
+ @-webkit-keyframes flipInY
15
+ +flipInY(webkit)
16
+
17
+ @if $experimental-support-for-khtml
18
+ @-khtml-keyframes flipInY
19
+ +flipInY(khtml)
20
+
21
+ @if $experimental-support-for-mozilla
22
+ @-moz-keyframes flipInY
23
+ +flipInY(moz)
24
+
25
+ @if $experimental-support-for-microsoft
26
+ @-ms-keyframes flipInY
27
+ +flipInY(ms)
28
+
29
+ @if $experimental-support-for-opera
30
+ @-o-keyframes flipInY
31
+ +flipInY(o)
32
+
33
+ @keyframes flipInY
34
+ +flipInY(none)
35
+
36
+
37
+ .flipInY
38
+ +animation-name(flipInY)
39
+ +backface-visibility(visible !important)
@@ -0,0 +1,35 @@
1
+ =flipOutX($prefix)
2
+ 0%
3
+ +transform(perspective(400px) rotateX(0deg), $prefix)
4
+ opacity: 1
5
+ 100%
6
+ +transform(perspective(400px) rotateX(90deg), $prefix)
7
+ opacity: 0
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes flipOutX
11
+ +flipOutX(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes flipOutX
15
+ +flipOutX(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes flipOutX
19
+ +flipOutX(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes flipOutX
23
+ +flipOutX(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes flipOutX
27
+ +flipOutX(o)
28
+
29
+ @keyframes flipOutX
30
+ +flipOutX(none)
31
+
32
+
33
+ .flipOutX
34
+ +animation-name(flipOutX)
35
+ +backface-visibility(visible !important)
@@ -0,0 +1,35 @@
1
+ =flipOutY($prefix)
2
+ 0%
3
+ +transform(perspective(400px) rotateY(0deg), $prefix)
4
+ opacity: 1
5
+ 100%
6
+ +transform(perspective(400px) rotateY(90deg), $prefix)
7
+ opacity: 0
8
+
9
+ @if $experimental-support-for-webkit
10
+ @-webkit-keyframes flipOutY
11
+ +flipOutY(webkit)
12
+
13
+ @if $experimental-support-for-khtml
14
+ @-khtml-keyframes flipOutY
15
+ +flipOutY(khtml)
16
+
17
+ @if $experimental-support-for-mozilla
18
+ @-moz-keyframes flipOutY
19
+ +flipOutY(moz)
20
+
21
+ @if $experimental-support-for-microsoft
22
+ @-ms-keyframes flipOutY
23
+ +flipOutY(ms)
24
+
25
+ @if $experimental-support-for-opera
26
+ @-o-keyframes flipOutY
27
+ +flipOutY(o)
28
+
29
+ @keyframes flipOutY
30
+ +flipOutY(none)
31
+
32
+
33
+ .flipOutY
34
+ +animation-name(flipOutY)
35
+ +backface-visibility(visible !important)
@@ -0,0 +1,36 @@
1
+ =rotateIn($prefix)
2
+ 0%
3
+ +transform-origin(center center, $prefix)
4
+ +transform(rotate(-200deg), $prefix)
5
+ opacity: 0
6
+ 100%
7
+ +transform-origin(center center, $prefix)
8
+ +transform(rotate(0), $prefix)
9
+ opacity: 1
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateIn
13
+ +rotateIn(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateIn
17
+ +rotateIn(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateIn
21
+ +rotateIn(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateIn
25
+ +rotateIn(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateIn
29
+ +rotateIn(o)
30
+
31
+ @keyframes rotateIn
32
+ +rotateIn(none)
33
+
34
+
35
+ .rotateIn
36
+ +animation-name(rotateIn)
@@ -0,0 +1,36 @@
1
+ =rotateInDownLeft($prefix)
2
+ 0%
3
+ +transform-origin(left bottom, $prefix)
4
+ +transform(rotate(-90deg), $prefix)
5
+ opacity: 0
6
+ 100%
7
+ +transform-origin(left bottom, $prefix)
8
+ +transform(rotate(0), $prefix)
9
+ opacity: 1
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateInDownLeft
13
+ +rotateInDownLeft(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateInDownLeft
17
+ +rotateInDownLeft(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateInDownLeft
21
+ +rotateInDownLeft(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateInDownLeft
25
+ +rotateInDownLeft(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateInDownLeft
29
+ +rotateInDownLeft(o)
30
+
31
+ @keyframes rotateInDownLeft
32
+ +rotateInDownLeft(none)
33
+
34
+
35
+ .rotateInDownLeft
36
+ +animation-name(rotateInDownLeft)
@@ -0,0 +1,36 @@
1
+ =rotateInDownRight($prefix)
2
+ 0%
3
+ +transform-origin(right bottom, $prefix)
4
+ +transform(rotate(90deg), $prefix)
5
+ opacity: 0
6
+ 100%
7
+ +transform-origin(right bottom, $prefix)
8
+ +transform(rotate(0), $prefix)
9
+ opacity: 1
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateInDownRight
13
+ +rotateInDownRight(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateInDownRight
17
+ +rotateInDownRight(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateInDownRight
21
+ +rotateInDownRight(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateInDownRight
25
+ +rotateInDownRight(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateInDownRight
29
+ +rotateInDownRight(o)
30
+
31
+ @keyframes rotateInDownRight
32
+ +rotateInDownRight(none)
33
+
34
+
35
+ .rotateInDownRight
36
+ +animation-name(rotateInDownRight)