sammy 0.0.12 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +7 -0
  3. data/Gemfile +4 -0
  4. data/Gemfile.lock +40 -0
  5. data/LICENSE +23 -0
  6. data/README.md +94 -3
  7. data/Rakefile +9 -0
  8. data/app/assets/stylesheets/_sammy.scss +56 -0
  9. data/app/assets/stylesheets/addons/_button.scss +273 -0
  10. data/app/assets/stylesheets/addons/_clearfix.scss +29 -0
  11. data/app/assets/stylesheets/addons/_font-family.scss +5 -0
  12. data/app/assets/stylesheets/addons/_hide-text.scss +5 -0
  13. data/app/assets/stylesheets/addons/_html5-input-types.scss +56 -0
  14. data/app/assets/stylesheets/addons/_position.scss +42 -0
  15. data/app/assets/stylesheets/addons/_prefixer.scss +49 -0
  16. data/app/assets/stylesheets/addons/_retina-image.scss +32 -0
  17. data/app/assets/stylesheets/addons/_size.scss +44 -0
  18. data/app/assets/stylesheets/addons/_timing-functions.scss +32 -0
  19. data/app/assets/stylesheets/addons/_triangle.scss +45 -0
  20. data/app/assets/stylesheets/css3/_animation.scss +52 -0
  21. data/app/assets/stylesheets/css3/_appearance.scss +3 -0
  22. data/app/assets/stylesheets/css3/_backface-visibility.scss +6 -0
  23. data/app/assets/stylesheets/css3/_background-image.scss +48 -0
  24. data/app/assets/stylesheets/css3/_background.scss +103 -0
  25. data/app/assets/stylesheets/css3/_border-image.scss +53 -0
  26. data/app/assets/stylesheets/css3/_border-radius.scss +22 -0
  27. data/app/assets/stylesheets/css3/_box-sizing.scss +4 -0
  28. data/app/assets/stylesheets/css3/_columns.scss +47 -0
  29. data/app/assets/stylesheets/css3/_flex-box.scss +52 -0
  30. data/app/assets/stylesheets/css3/_font-face.scss +23 -0
  31. data/app/assets/stylesheets/css3/_hidpi-media-query.scss +10 -0
  32. data/app/assets/stylesheets/css3/_image-rendering.scss +13 -0
  33. data/app/assets/stylesheets/css3/_inline-block.scss +8 -0
  34. data/app/assets/stylesheets/css3/_keyframes.scss +41 -0
  35. data/app/assets/stylesheets/css3/_linear-gradient.scss +41 -0
  36. data/app/assets/stylesheets/css3/_perspective.scss +8 -0
  37. data/app/assets/stylesheets/css3/_placeholder.scss +29 -0
  38. data/app/assets/stylesheets/css3/_radial-gradient.scss +44 -0
  39. data/app/assets/stylesheets/css3/_transform.scss +15 -0
  40. data/app/assets/stylesheets/css3/_transition.scss +34 -0
  41. data/app/assets/stylesheets/css3/_user-select.scss +3 -0
  42. data/app/assets/stylesheets/functions/_compact.scss +11 -0
  43. data/app/assets/stylesheets/functions/_flex-grid.scss +39 -0
  44. data/app/assets/stylesheets/functions/_grid-width.scss +13 -0
  45. data/app/assets/stylesheets/functions/_linear-gradient.scss +13 -0
  46. data/app/assets/stylesheets/functions/_modular-scale.scss +40 -0
  47. data/app/assets/stylesheets/functions/_px-to-em.scss +8 -0
  48. data/app/assets/stylesheets/functions/_radial-gradient.scss +23 -0
  49. data/app/assets/stylesheets/functions/_tint-shade.scss +9 -0
  50. data/app/assets/stylesheets/functions/_transition-property-name.scss +22 -0
  51. data/app/assets/stylesheets/helpers/_deprecated-webkit-gradient.scss +39 -0
  52. data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +13 -0
  53. data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +64 -0
  54. data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +69 -0
  55. data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +18 -0
  56. data/app/assets/stylesheets/helpers/_render-gradients.scss +26 -0
  57. data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +10 -0
  58. data/bin/sammy +6 -0
  59. data/lib/sammy.rb +27 -9
  60. data/lib/sammy/date.rb +3 -0
  61. data/lib/sammy/engine.rb +5 -0
  62. data/lib/sammy/generator.rb +80 -0
  63. data/lib/sammy/version.rb +3 -0
  64. data/lib/tasks/install.rake +20 -0
  65. data/sammy.gemspec +31 -0
  66. metadata +117 -88
  67. data/stylesheets/_sammy.sass +0 -3
  68. data/stylesheets/sammy/_animations.scss +0 -35
  69. data/stylesheets/sammy/_css3.scss +0 -3
  70. data/stylesheets/sammy/_shared.scss +0 -2
  71. data/stylesheets/sammy/_utilities.scss +0 -1
  72. data/stylesheets/sammy/animations/_attention-seekers.scss +0 -7
  73. data/stylesheets/sammy/animations/_bouncing-entrances.scss +0 -5
  74. data/stylesheets/sammy/animations/_bouncing-exits.scss +0 -5
  75. data/stylesheets/sammy/animations/_fading-entrances.scss +0 -12
  76. data/stylesheets/sammy/animations/_fading-exits.scss +0 -12
  77. data/stylesheets/sammy/animations/_flippers.scss +0 -5
  78. data/stylesheets/sammy/animations/_rotating-entrances.scss +0 -5
  79. data/stylesheets/sammy/animations/_rotating-exits.scss +0 -5
  80. data/stylesheets/sammy/animations/_specials.scss +0 -3
  81. data/stylesheets/sammy/animations/attention-seekers/_bounce.scss +0 -30
  82. data/stylesheets/sammy/animations/attention-seekers/_flash.scss +0 -28
  83. data/stylesheets/sammy/animations/attention-seekers/_pulse.scss +0 -28
  84. data/stylesheets/sammy/animations/attention-seekers/_shake.scss +0 -34
  85. data/stylesheets/sammy/animations/attention-seekers/_swing.scss +0 -30
  86. data/stylesheets/sammy/animations/attention-seekers/_tada.scss +0 -34
  87. data/stylesheets/sammy/animations/attention-seekers/_wobble.scss +0 -32
  88. data/stylesheets/sammy/animations/bouncing-entrances/_bounceIn.scss +0 -37
  89. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInDown.scss +0 -37
  90. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInLeft.scss +0 -37
  91. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInRight.scss +0 -37
  92. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInUp.scss +0 -37
  93. data/stylesheets/sammy/animations/bouncing-exits/_bounceOut.scss +0 -37
  94. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutDown.scss +0 -34
  95. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutLeft.scss +0 -34
  96. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutRight.scss +0 -34
  97. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutUp.scss +0 -34
  98. data/stylesheets/sammy/animations/fading-entrances/_fadeIn.scss +0 -25
  99. data/stylesheets/sammy/animations/fading-entrances/_fadeInDown.scss +0 -31
  100. data/stylesheets/sammy/animations/fading-entrances/_fadeInDownBig.scss +0 -31
  101. data/stylesheets/sammy/animations/fading-entrances/_fadeInLeft.scss +0 -31
  102. data/stylesheets/sammy/animations/fading-entrances/_fadeInLeftBig.scss +0 -31
  103. data/stylesheets/sammy/animations/fading-entrances/_fadeInRight.scss +0 -31
  104. data/stylesheets/sammy/animations/fading-entrances/_fadeInRightBig.scss +0 -31
  105. data/stylesheets/sammy/animations/fading-entrances/_fadeInUp.scss +0 -31
  106. data/stylesheets/sammy/animations/fading-entrances/_fadeInUpBig.scss +0 -31
  107. data/stylesheets/sammy/animations/fading-exits/_fadeOut.scss +0 -25
  108. data/stylesheets/sammy/animations/fading-exits/_fadeOutDown.scss +0 -31
  109. data/stylesheets/sammy/animations/fading-exits/_fadeOutDownBig.scss +0 -31
  110. data/stylesheets/sammy/animations/fading-exits/_fadeOutLeft.scss +0 -31
  111. data/stylesheets/sammy/animations/fading-exits/_fadeOutLeftBig.scss +0 -31
  112. data/stylesheets/sammy/animations/fading-exits/_fadeOutRight.scss +0 -31
  113. data/stylesheets/sammy/animations/fading-exits/_fadeOutRightBig.scss +0 -31
  114. data/stylesheets/sammy/animations/fading-exits/_fadeOutUp.scss +0 -31
  115. data/stylesheets/sammy/animations/fading-exits/_fadeOutUpBig.scss +0 -31
  116. data/stylesheets/sammy/animations/flippers/_flip.scss +0 -44
  117. data/stylesheets/sammy/animations/flippers/_flipInX.scss +0 -38
  118. data/stylesheets/sammy/animations/flippers/_flipInY.scss +0 -38
  119. data/stylesheets/sammy/animations/flippers/_flipOutX.scss +0 -32
  120. data/stylesheets/sammy/animations/flippers/_flipOutY.scss +0 -32
  121. data/stylesheets/sammy/animations/rotating-entrances/_rotateIn.scss +0 -33
  122. data/stylesheets/sammy/animations/rotating-entrances/_rotateInDownLeft.scss +0 -33
  123. data/stylesheets/sammy/animations/rotating-entrances/_rotateInDownRight.scss +0 -33
  124. data/stylesheets/sammy/animations/rotating-entrances/_rotateInUpLeft.scss +0 -33
  125. data/stylesheets/sammy/animations/rotating-entrances/_rotateInUpRight.scss +0 -33
  126. data/stylesheets/sammy/animations/rotating-exits/_rotateOut.scss +0 -33
  127. data/stylesheets/sammy/animations/rotating-exits/_rotateOutDownLeft.scss +0 -33
  128. data/stylesheets/sammy/animations/rotating-exits/_rotateOutDownRight.scss +0 -33
  129. data/stylesheets/sammy/animations/rotating-exits/_rotateOutUpLeft.scss +0 -33
  130. data/stylesheets/sammy/animations/rotating-exits/_rotateOutUpRight.scss +0 -33
  131. data/stylesheets/sammy/animations/specials/_hinge.scss +0 -48
  132. data/stylesheets/sammy/animations/specials/_rollIn.scss +0 -33
  133. data/stylesheets/sammy/animations/specials/_rollOut.scss +0 -33
  134. data/stylesheets/sammy/css3/_animation.scss +0 -75
  135. data/stylesheets/sammy/css3/_backface-visibility.scss +0 -14
  136. data/stylesheets/sammy/css3/_transform.scss +0 -27
  137. data/stylesheets/sammy/css3/animation/_animation-delay.scss +0 -18
  138. data/stylesheets/sammy/css3/animation/_animation-direction.scss +0 -18
  139. data/stylesheets/sammy/css3/animation/_animation-duration.scss +0 -17
  140. data/stylesheets/sammy/css3/animation/_animation-fill-mode.scss +0 -18
  141. data/stylesheets/sammy/css3/animation/_animation-iteration-count.scss +0 -18
  142. data/stylesheets/sammy/css3/animation/_animation-name.scss +0 -18
  143. data/stylesheets/sammy/css3/animation/_animation-play-state.scss +0 -18
  144. data/stylesheets/sammy/css3/animation/_animation-timing-function.scss +0 -18
  145. data/stylesheets/sammy/utilities/_mixins.scss +0 -12
  146. data/templates/sammy/manifest.rb +0 -0
@@ -1,3 +0,0 @@
1
- @import animate/shared;
2
-
3
- @import animate/animations;
@@ -1,35 +0,0 @@
1
- // Attention seekers
2
- // flash bounce shake tada swing wobble pulse
3
- @import "animations/attention-seekers";
4
-
5
- // Fading entrances
6
- // fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig
7
- @import "animations/fading-entrances";
8
-
9
- // Fading exits
10
- // fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig
11
- @import "animations/fading-exits";
12
-
13
- // Bouncing entrances
14
- // bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight
15
- @import "animations/bouncing-entrances";
16
-
17
- // Bouncing exits
18
- // bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight
19
- @import "animations/bouncing-exits";
20
-
21
- // Rotating entrances
22
- // rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
23
- @import "animations/rotating-entrances";
24
-
25
- // Rotating exits
26
- // rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
27
- @import "animations/rotating-exits";
28
-
29
- // Specials
30
- // hinge rollIn rollOut
31
- @import "animations/specials";
32
-
33
- // Flippers
34
- // flip flipInX flipOutX flipInY flipOutY
35
- @import "animations/flippers";
@@ -1,3 +0,0 @@
1
- @import "css3/animation";
2
- @import "css3/backface-visibility";
3
- @import "css3/transform";
@@ -1,2 +0,0 @@
1
- @import "css3";
2
- @import "utilities";
@@ -1 +0,0 @@
1
- @import "utilities/mixins";
@@ -1,7 +0,0 @@
1
- @import "attention-seekers/bounce";
2
- @import "attention-seekers/flash";
3
- @import "attention-seekers/pulse";
4
- @import "attention-seekers/shake";
5
- @import "attention-seekers/swing";
6
- @import "attention-seekers/tada";
7
- @import "attention-seekers/wobble";
@@ -1,5 +0,0 @@
1
- @import "bouncing-entrances/bounceIn";
2
- @import "bouncing-entrances/bounceInDown";
3
- @import "bouncing-entrances/bounceInUp";
4
- @import "bouncing-entrances/bounceInLeft";
5
- @import "bouncing-entrances/bounceInRight";
@@ -1,5 +0,0 @@
1
- @import "bouncing-exits/bounceOut";
2
- @import "bouncing-exits/bounceOutDown";
3
- @import "bouncing-exits/bounceOutUp";
4
- @import "bouncing-exits/bounceOutLeft";
5
- @import "bouncing-exits/bounceOutRight";
@@ -1,12 +0,0 @@
1
- // Normal
2
- @import "fading-entrances/fadeIn";
3
- @import "fading-entrances/fadeInUp";
4
- @import "fading-entrances/fadeInDown";
5
- @import "fading-entrances/fadeInLeft";
6
- @import "fading-entrances/fadeInRight";
7
-
8
- // Big
9
- @import "fading-entrances/fadeInUpBig";
10
- @import "fading-entrances/fadeInDownBig";
11
- @import "fading-entrances/fadeInLeftBig";
12
- @import "fading-entrances/fadeInRightBig";
@@ -1,12 +0,0 @@
1
- // Normal
2
- @import "fading-exits/fadeOut";
3
- @import "fading-exits/fadeOutUp";
4
- @import "fading-exits/fadeOutDown";
5
- @import "fading-exits/fadeOutLeft";
6
- @import "fading-exits/fadeOutRight";
7
-
8
- // Big
9
- @import "fading-exits/fadeOutUpBig";
10
- @import "fading-exits/fadeOutDownBig";
11
- @import "fading-exits/fadeOutLeftBig";
12
- @import "fading-exits/fadeOutRightBig";
@@ -1,5 +0,0 @@
1
- @import "flippers/flip";
2
- @import "flippers/flipInX";
3
- @import "flippers/flipOutX";
4
- @import "flippers/flipInY";
5
- @import "flippers/flipOutY";
@@ -1,5 +0,0 @@
1
- @import "rotating-entrances/rotateIn";
2
- @import "rotating-entrances/rotateInDownLeft";
3
- @import "rotating-entrances/rotateInDownRight";
4
- @import "rotating-entrances/rotateInUpLeft";
5
- @import "rotating-entrances/rotateInUpRight";
@@ -1,5 +0,0 @@
1
- @import "rotating-exits/rotateOut";
2
- @import "rotating-exits/rotateOutDownLeft";
3
- @import "rotating-exits/rotateOutDownRight";
4
- @import "rotating-exits/rotateOutUpLeft";
5
- @import "rotating-exits/rotateOutUpRight";
@@ -1,3 +0,0 @@
1
- @import "specials/hinge";
2
- @import "specials/rollIn";
3
- @import "specials/rollOut";
@@ -1,30 +0,0 @@
1
- @mixin bounce($prefix) {
2
- 0% { @include transform(translateY(0), $prefix); }
3
- 20% { @include transform(translateY(0), $prefix); }
4
- 40% { @include transform(translateY(-30px), $prefix); }
5
- 50% { @include transform(translateY(0), $prefix); }
6
- 60% { @include transform(translateY(-15px), $prefix); }
7
- 80% { @include transform(translateY(0), $prefix); }
8
- 100% { @include transform(translateY(0), $prefix); }
9
- }
10
-
11
- @if $experimental-support-for-webkit {
12
- @-webkit-keyframes bounce { @include bounce(webkit); }
13
- }
14
- @if $experimental-support-for-khtml {
15
- @-khtml-keyframes bounce { @include bounce(khtml); }
16
- }
17
- @if $experimental-support-for-mozilla {
18
- @-moz-keyframes bounce { @include bounce(moz); }
19
- }
20
- @if $experimental-support-for-microsoft {
21
- @-ms-keyframes bounce { @include bounce(ms); }
22
- }
23
- @if $experimental-support-for-opera {
24
- @-o-keyframes bounce { @include bounce(o); }
25
- }
26
- @keyframes bounce { @include bounce(none); }
27
-
28
- .bounce {
29
- @include animation-name(bounce);
30
- }
@@ -1,28 +0,0 @@
1
- @mixin flash {
2
- 0% { opacity: 1; }
3
- 25% { opacity: 0; }
4
- 50% { opacity: 1; }
5
- 75% { opacity: 0; }
6
- 100% { opacity: 1; }
7
- }
8
-
9
- @if $experimental-support-for-webkit {
10
- @-webkit-keyframes flash { @include flash; }
11
- }
12
- @if $experimental-support-for-khtml {
13
- @-khtml-keyframes flash { @include flash; }
14
- }
15
- @if $experimental-support-for-mozilla {
16
- @-moz-keyframes flash { @include flash; }
17
- }
18
- @if $experimental-support-for-microsoft {
19
- @-ms-keyframes flash { @include flash; }
20
- }
21
- @if $experimental-support-for-opera {
22
- @-o-keyframes flash { @include flash; }
23
- }
24
- @keyframes flash { @include flash; }
25
-
26
- .flash {
27
- @include animation-name(flash);
28
- }
@@ -1,28 +0,0 @@
1
- // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
-
3
- @mixin pulse($prefix) {
4
- 0% { @include transform(scale(1), $prefix); }
5
- 50% { @include transform(scale(1.1), $prefix); }
6
- 100% { @include transform(scale(1), $prefix); }
7
- }
8
-
9
- @if $experimental-support-for-webkit {
10
- @-webkit-keyframes pulse { @include pulse(webkit); }
11
- }
12
- @if $experimental-support-for-khtml {
13
- @-khtml-keyframes pulse { @include pulse(khtml); }
14
- }
15
- @if $experimental-support-for-mozilla {
16
- @-moz-keyframes pulse { @include pulse(moz); }
17
- }
18
- @if $experimental-support-for-microsoft {
19
- @-ms-keyframes pulse { @include pulse(ms); }
20
- }
21
- @if $experimental-support-for-opera {
22
- @-o-keyframes pulse { @include pulse(o); }
23
- }
24
- @keyframes pulse { @include pulse(none); }
25
-
26
- .pulse {
27
- @include animation-name(pulse);
28
- }
@@ -1,34 +0,0 @@
1
- @mixin shake($prefix) {
2
- 0% { @include transform(translateX(0), $prefix); }
3
- 10% { @include transform(translateX(-10px), $prefix); }
4
- 20% { @include transform(translateX(10px), $prefix); }
5
- 30% { @include transform(translateX(-10px), $prefix); }
6
- 40% { @include transform(translateX(10px), $prefix); }
7
- 50% { @include transform(translateX(-10px), $prefix); }
8
- 60% { @include transform(translateX(10px), $prefix); }
9
- 70% { @include transform(translateX(-10px), $prefix); }
10
- 80% { @include transform(translateX(10px), $prefix); }
11
- 90% { @include transform(translateX(-10px), $prefix); }
12
- 100% { @include transform(translateX(0), $prefix); }
13
- }
14
-
15
- @if $experimental-support-for-webkit {
16
- @-webkit-keyframes shake { @include shake(webkit); }
17
- }
18
- @if $experimental-support-for-khtml {
19
- @-khtml-keyframes shake { @include shake(khtml); }
20
- }
21
- @if $experimental-support-for-mozilla {
22
- @-moz-keyframes shake { @include shake(moz); }
23
- }
24
- @if $experimental-support-for-microsoft {
25
- @-ms-keyframes shake { @include shake(ms); }
26
- }
27
- @if $experimental-support-for-opera {
28
- @-o-keyframes shake { @include shake(o); }
29
- }
30
- @keyframes shake { @include shake(none); }
31
-
32
- .shake {
33
- @include animation-name(shake);
34
- }
@@ -1,30 +0,0 @@
1
- @mixin swing($prefix) {
2
- 20%, 40%, 60%, 80%, 100% { @include transform-origin(top center, $prefix); }
3
- 20% { @include transform(rotate(15deg), $prefix); }
4
- 40% { @include transform(rotate(-10deg), $prefix); }
5
- 60% { @include transform(rotate(5deg), $prefix); }
6
- 80% { @include transform(rotate(-5deg), $prefix); }
7
- 100% { @include transform(rotate(0deg), $prefix); }
8
- }
9
-
10
- @if $experimental-support-for-webkit {
11
- @-webkit-keyframes swing { @include swing(webkit); }
12
- }
13
- @if $experimental-support-for-khtml {
14
- @-khtml-keyframes swing { @include swing(khtml); }
15
- }
16
- @if $experimental-support-for-mozilla {
17
- @-moz-keyframes swing { @include swing(moz); }
18
- }
19
- @if $experimental-support-for-microsoft {
20
- @-ms-keyframes swing { @include swing(ms); }
21
- }
22
- @if $experimental-support-for-opera {
23
- @-o-keyframes swing { @include swing(o); }
24
- }
25
- @keyframes swing { @include swing(none); }
26
-
27
- .swing {
28
- @include transform-origin(top center);
29
- @include animation-name(swing);
30
- }
@@ -1,34 +0,0 @@
1
- @mixin tada($prefix) {
2
- 0% { @include transform(scale(1), $prefix); }
3
- 10% { @include transform(scale(0.9) rotate(-3deg), $prefix); }
4
- 20% { @include transform(scale(0.9) rotate(-3deg), $prefix); }
5
- 30% { @include transform(scale(1.1) rotate(3deg), $prefix); }
6
- 40% { @include transform(scale(1.1) rotate(-3deg), $prefix); }
7
- 50% { @include transform(scale(1.1) rotate(3deg), $prefix); }
8
- 60% { @include transform(scale(1.1) rotate(-3deg), $prefix); }
9
- 70% { @include transform(scale(1.1) rotate(3deg), $prefix); }
10
- 80% { @include transform(scale(1.1) rotate(-3deg), $prefix); }
11
- 90% { @include transform(scale(1.1) rotate(3deg), $prefix); }
12
- 100% { @include transform(scale(1) rotate(0), $prefix); }
13
- }
14
-
15
- @if $experimental-support-for-webkit {
16
- @-webkit-keyframes tada { @include tada(webkit); }
17
- }
18
- @if $experimental-support-for-khtml {
19
- @-khtml-keyframes tada { @include tada(khtml); }
20
- }
21
- @if $experimental-support-for-mozilla {
22
- @-moz-keyframes tada { @include tada(moz); }
23
- }
24
- @if $experimental-support-for-microsoft {
25
- @-ms-keyframes tada { @include tada(ms); }
26
- }
27
- @if $experimental-support-for-opera {
28
- @-o-keyframes tada { @include tada(o); }
29
- }
30
- @keyframes tada { @include tada(none); }
31
-
32
- .tada {
33
- @include animation-name(tada);
34
- }
@@ -1,32 +0,0 @@
1
- // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
-
3
- @mixin wobble($prefix) {
4
- 0% { @include transform(translateX(0%), $prefix); }
5
- 15% { @include transform(translateX(-25%) rotate(-5deg), $prefix); }
6
- 30% { @include transform(translateX(20%) rotate(3deg), $prefix); }
7
- 45% { @include transform(translateX(-15%) rotate(-3deg), $prefix); }
8
- 60% { @include transform(translateX(10%) rotate(2deg), $prefix); }
9
- 75% { @include transform(translateX(-5%) rotate(-1deg), $prefix); }
10
- 100% { @include transform(translateX(0%), $prefix); }
11
- }
12
-
13
- @if $experimental-support-for-webkit {
14
- @-webkit-keyframes wobble { @include wobble(webkit); }
15
- }
16
- @if $experimental-support-for-khtml {
17
- @-khtml-keyframes wobble { @include wobble(khtml); }
18
- }
19
- @if $experimental-support-for-mozilla {
20
- @-moz-keyframes wobble { @include wobble(moz); }
21
- }
22
- @if $experimental-support-for-microsoft {
23
- @-ms-keyframes wobble { @include wobble(ms); }
24
- }
25
- @if $experimental-support-for-opera {
26
- @-o-keyframes wobble { @include wobble(o); }
27
- }
28
- @keyframes wobble { @include wobble(none); }
29
-
30
- .wobble {
31
- @include animation-name(wobble);
32
- }
@@ -1,37 +0,0 @@
1
- @mixin bounceIn($prefix) {
2
- 0% {
3
- opacity: 0;
4
- @include transform(scale(0.3), $prefix);
5
- }
6
- 50% {
7
- opacity: 1;
8
- @include transform(scale(1.05), $prefix);
9
- }
10
- 70% {
11
- @include transform(scale(0.9), $prefix);
12
- }
13
- 100% {
14
- @include transform(scale(1), $prefix);
15
- }
16
- }
17
-
18
- @if $experimental-support-for-webkit {
19
- @-webkit-keyframes bounceIn { @include bounceIn(webkit); }
20
- }
21
- @if $experimental-support-for-khtml {
22
- @-khtml-keyframes bounceIn { @include bounceIn(khtml); }
23
- }
24
- @if $experimental-support-for-mozilla {
25
- @-moz-keyframes bounceIn { @include bounceIn(moz); }
26
- }
27
- @if $experimental-support-for-microsoft {
28
- @-ms-keyframes bounceIn { @include bounceIn(ms); }
29
- }
30
- @if $experimental-support-for-opera {
31
- @-o-keyframes bounceIn { @include bounceIn(o); }
32
- }
33
- @keyframes bounceIn { @include bounceIn(none); }
34
-
35
- .bounceIn {
36
- @include animation-name(bounceIn);
37
- }
@@ -1,37 +0,0 @@
1
- @mixin bounceInDown($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 bounceInDown { @include bounceInDown(webkit); }
20
- }
21
- @if $experimental-support-for-khtml {
22
- @-khtml-keyframes bounceInDown { @include bounceInDown(khtml); }
23
- }
24
- @if $experimental-support-for-mozilla {
25
- @-moz-keyframes bounceInDown { @include bounceInDown(moz); }
26
- }
27
- @if $experimental-support-for-microsoft {
28
- @-ms-keyframes bounceInDown { @include bounceInDown(ms); }
29
- }
30
- @if $experimental-support-for-opera {
31
- @-o-keyframes bounceInDown { @include bounceInDown(o); }
32
- }
33
- @keyframes bounceInDown { @include bounceInDown(none); }
34
-
35
- .bounceInDown {
36
- @include animation-name(bounceInDown);
37
- }
@@ -1,37 +0,0 @@
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
- }