sammy 0.0.1.1

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