animate 0.1.0 → 0.2.beta.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/stylesheets/_animate.scss +15 -9
  2. data/stylesheets/_helpers.scss +10 -6
  3. data/stylesheets/animate/_attention.scss +13 -9
  4. data/stylesheets/animate/_bounce.scss +40 -34
  5. data/stylesheets/animate/_fade.scss +25 -21
  6. data/stylesheets/animate/_flip.scss +47 -33
  7. data/stylesheets/animate/_lightSpeed.scss +7 -3
  8. data/stylesheets/animate/_roll.scss +7 -3
  9. data/stylesheets/animate/_rotate.scss +17 -14
  10. data/stylesheets/animate/_special.scss +6 -2
  11. data/stylesheets/animate/attention/_flash.scss +21 -16
  12. data/stylesheets/animate/attention/_pulse.scss +15 -10
  13. data/stylesheets/animate/attention/_shake.scss +39 -34
  14. data/stylesheets/animate/attention/_swing.scss +24 -19
  15. data/stylesheets/animate/attention/_tada.scss +38 -33
  16. data/stylesheets/animate/attention/_wiggle.scss +39 -34
  17. data/stylesheets/animate/attention/_wobble.scss +27 -22
  18. data/stylesheets/animate/bounce/_bounceIn.scss +100 -75
  19. data/stylesheets/animate/bounce/_bounceOut.scss +88 -63
  20. data/stylesheets/animate/fade/_fadeIn.scss +133 -88
  21. data/stylesheets/animate/fade/_fadeOut.scss +133 -88
  22. data/stylesheets/animate/flip/_flipIn.scss +47 -33
  23. data/stylesheets/animate/flip/_flipOut.scss +35 -21
  24. data/stylesheets/animate/lightSpeed/_lightSpeedIn.scss +22 -17
  25. data/stylesheets/animate/lightSpeed/_lightSpeedOut.scss +14 -9
  26. data/stylesheets/animate/roll/_rollIn.scss +14 -9
  27. data/stylesheets/animate/roll/_rollOut.scss +13 -8
  28. data/stylesheets/animate/rotate/_rotateIn.scss +114 -72
  29. data/stylesheets/animate/rotate/_rotateOut.scss +114 -72
  30. data/stylesheets/animate/special/_hinge.scss +32 -27
  31. metadata +10 -7
data/stylesheets/animate/special/_hinge.scss CHANGED
@@ -7,36 +7,41 @@
7
7
  // ---------------------------------------------------------------------------
8
8
  // hinge
9
9
 
10
- @mixin animate-hinge($class: $default-animation-class-mode) {
10
+ @mixin animate-hinge(
11
+ $class : $default-animation-class-mode,
12
+ $keyframes : $default-keyframes-output
13
+ ) {
11
14
  $name: hinge;
12
- @include keyframes($name) {
13
- 0% {
14
- @include rotate(0);
15
- @include transform-origin(top, left);
16
- @include animation-timing-function(ease-in-out);
17
- }
18
- 20%, 60% {
19
- @include rotate(80deg);
20
- @include transform-origin(top, left);
21
- @include animation-timing-function(ease-in-out);
22
- }
23
- 40% {
24
- @include rotate(60deg);
25
- @include transform-origin(top, left);
26
- @include animation-timing-function(ease-in-out);
27
- }
28
- 80% {
29
- @include transform(rotate(60deg) translateY(0));
30
- @include opacity(1);
31
- @include transform-origin(top, left);
32
- @include animation-timing-function(ease-in-out);
33
- }
34
- 100% {
35
- @include translateY(700px);
36
- @include opacity(0);
15
+ @if $keyframes {
16
+ @include keyframes($name) {
17
+ 0% {
18
+ @include rotate(0);
19
+ @include transform-origin(top, left);
20
+ @include animation-timing-function(ease-in-out);
21
+ }
22
+ 20%, 60% {
23
+ @include rotate(80deg);
24
+ @include transform-origin(top, left);
25
+ @include animation-timing-function(ease-in-out);
26
+ }
27
+ 40% {
28
+ @include rotate(60deg);
29
+ @include transform-origin(top, left);
30
+ @include animation-timing-function(ease-in-out);
31
+ }
32
+ 80% {
33
+ @include transform(rotate(60deg) translateY(0));
34
+ @include opacity(1);
35
+ @include transform-origin(top, left);
36
+ @include animation-timing-function(ease-in-out);
37
+ }
38
+ 100% {
39
+ @include translateY(700px);
40
+ @include opacity(0);
41
+ }
37
42
  }
38
43
  }
39
-
44
+
40
45
  @include animation-class($name, $class) {
41
46
  $selector: if($class == 'silent', '%animated', '.animated');
42
47
  &#{$selector} { @include animation(2s ease both); }
metadata CHANGED
@@ -1,12 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: animate
3
3
  version: !ruby/object:Gem::Version
4
- prerelease: false
4
+ prerelease: true
5
5
  segments:
6
6
  - 0
7
- - 1
7
+ - 2
8
+ - beta
8
9
  - 0
9
- version: 0.1.0
10
+ version: 0.2.beta.0
10
11
  platform: ruby
11
12
  authors:
12
13
  - Eric Meyer
@@ -15,7 +16,7 @@ autorequire:
15
16
  bindir: bin
16
17
  cert_chain: []
17
18
 
18
- date: 2012-08-26 00:00:00 -06:00
19
+ date: 2012-08-28 00:00:00 -06:00
19
20
  default_executable:
20
21
  dependencies:
21
22
  - !ruby/object:Gem::Dependency
@@ -106,11 +107,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
106
107
  version: "0"
107
108
  required_rubygems_version: !ruby/object:Gem::Requirement
108
109
  requirements:
109
- - - ">="
110
+ - - ">"
110
111
  - !ruby/object:Gem::Version
111
112
  segments:
112
- - 0
113
- version: "0"
113
+ - 1
114
+ - 3
115
+ - 1
116
+ version: 1.3.1
114
117
  requirements: []
115
118
 
116
119
  rubyforge_project: