animate-sass 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. data/README.mdown +35 -0
  2. data/lib/animate-sass.rb +9 -0
  3. data/stylesheets/_animate.sass +8 -0
  4. data/stylesheets/_animations.scss +35 -0
  5. data/stylesheets/_css3.scss +3 -0
  6. data/stylesheets/_helpers.scss +1 -0
  7. data/stylesheets/animations/_attention-seekers.scss +7 -0
  8. data/stylesheets/animations/_bouncing-entrances.scss +5 -0
  9. data/stylesheets/animations/_bouncing-exits.scss +5 -0
  10. data/stylesheets/animations/_fading-entrances.scss +12 -0
  11. data/stylesheets/animations/_fading-exits.scss +12 -0
  12. data/stylesheets/animations/_flippers.scss +5 -0
  13. data/stylesheets/animations/_rotating-entrances.scss +5 -0
  14. data/stylesheets/animations/_rotating-exits.scss +5 -0
  15. data/stylesheets/animations/_specials.scss +3 -0
  16. data/stylesheets/animations/attention-seekers/_bounce.scss +30 -0
  17. data/stylesheets/animations/attention-seekers/_flash.scss +28 -0
  18. data/stylesheets/animations/attention-seekers/_pulse.scss +28 -0
  19. data/stylesheets/animations/attention-seekers/_shake.scss +34 -0
  20. data/stylesheets/animations/attention-seekers/_swing.scss +30 -0
  21. data/stylesheets/animations/attention-seekers/_tada.scss +34 -0
  22. data/stylesheets/animations/attention-seekers/_wobble.scss +32 -0
  23. data/stylesheets/animations/bouncing-entrances/_bounceIn.scss +37 -0
  24. data/stylesheets/animations/bouncing-entrances/_bounceInDown.scss +37 -0
  25. data/stylesheets/animations/bouncing-entrances/_bounceInLeft.scss +37 -0
  26. data/stylesheets/animations/bouncing-entrances/_bounceInRight.scss +37 -0
  27. data/stylesheets/animations/bouncing-entrances/_bounceInUp.scss +37 -0
  28. data/stylesheets/animations/bouncing-exits/_bounceOut.scss +37 -0
  29. data/stylesheets/animations/bouncing-exits/_bounceOutDown.scss +34 -0
  30. data/stylesheets/animations/bouncing-exits/_bounceOutLeft.scss +34 -0
  31. data/stylesheets/animations/bouncing-exits/_bounceOutRight.scss +34 -0
  32. data/stylesheets/animations/bouncing-exits/_bounceOutUp.scss +34 -0
  33. data/stylesheets/animations/fading-entrances/_fadeIn.scss +25 -0
  34. data/stylesheets/animations/fading-entrances/_fadeInDown.scss +31 -0
  35. data/stylesheets/animations/fading-entrances/_fadeInDownBig.scss +31 -0
  36. data/stylesheets/animations/fading-entrances/_fadeInLeft.scss +31 -0
  37. data/stylesheets/animations/fading-entrances/_fadeInLeftBig.scss +31 -0
  38. data/stylesheets/animations/fading-entrances/_fadeInRight.scss +31 -0
  39. data/stylesheets/animations/fading-entrances/_fadeInRightBig.scss +31 -0
  40. data/stylesheets/animations/fading-entrances/_fadeInUp.scss +31 -0
  41. data/stylesheets/animations/fading-entrances/_fadeInUpBig.scss +31 -0
  42. data/stylesheets/animations/fading-exits/_fadeOut.scss +25 -0
  43. data/stylesheets/animations/fading-exits/_fadeOutDown.scss +31 -0
  44. data/stylesheets/animations/fading-exits/_fadeOutDownBig.scss +31 -0
  45. data/stylesheets/animations/fading-exits/_fadeOutLeft.scss +31 -0
  46. data/stylesheets/animations/fading-exits/_fadeOutLeftBig.scss +31 -0
  47. data/stylesheets/animations/fading-exits/_fadeOutRight.scss +31 -0
  48. data/stylesheets/animations/fading-exits/_fadeOutRightBig.scss +31 -0
  49. data/stylesheets/animations/fading-exits/_fadeOutUp.scss +31 -0
  50. data/stylesheets/animations/fading-exits/_fadeOutUpBig.scss +31 -0
  51. data/stylesheets/animations/flippers/_flip.scss +44 -0
  52. data/stylesheets/animations/flippers/_flipInX.scss +38 -0
  53. data/stylesheets/animations/flippers/_flipInY.scss +38 -0
  54. data/stylesheets/animations/flippers/_flipOutX.scss +32 -0
  55. data/stylesheets/animations/flippers/_flipOutY.scss +32 -0
  56. data/stylesheets/animations/rotating-entrances/_rotateIn.scss +33 -0
  57. data/stylesheets/animations/rotating-entrances/_rotateInDownLeft.scss +33 -0
  58. data/stylesheets/animations/rotating-entrances/_rotateInDownRight.scss +33 -0
  59. data/stylesheets/animations/rotating-entrances/_rotateInUpLeft.scss +33 -0
  60. data/stylesheets/animations/rotating-entrances/_rotateInUpRight.scss +33 -0
  61. data/stylesheets/animations/rotating-exits/_rotateOut.scss +33 -0
  62. data/stylesheets/animations/rotating-exits/_rotateOutDownLeft.scss +33 -0
  63. data/stylesheets/animations/rotating-exits/_rotateOutDownRight.scss +33 -0
  64. data/stylesheets/animations/rotating-exits/_rotateOutUpLeft.scss +33 -0
  65. data/stylesheets/animations/rotating-exits/_rotateOutUpRight.scss +33 -0
  66. data/stylesheets/animations/specials/_hinge.scss +48 -0
  67. data/stylesheets/animations/specials/_rollIn.scss +33 -0
  68. data/stylesheets/animations/specials/_rollOut.scss +33 -0
  69. data/stylesheets/css3/_animation.scss +75 -0
  70. data/stylesheets/css3/_backface-visibility.scss +14 -0
  71. data/stylesheets/css3/_transform.scss +27 -0
  72. data/stylesheets/css3/animation/_animation-delay.scss +18 -0
  73. data/stylesheets/css3/animation/_animation-direction.scss +18 -0
  74. data/stylesheets/css3/animation/_animation-duration.scss +17 -0
  75. data/stylesheets/css3/animation/_animation-fill-mode.scss +18 -0
  76. data/stylesheets/css3/animation/_animation-iteration-count.scss +18 -0
  77. data/stylesheets/css3/animation/_animation-name.scss +18 -0
  78. data/stylesheets/css3/animation/_animation-play-state.scss +18 -0
  79. data/stylesheets/css3/animation/_animation-timing-function.scss +18 -0
  80. data/stylesheets/helpers/_mixins.scss +12 -0
  81. metadata +141 -0
@@ -0,0 +1,18 @@
1
+ // animation-timing-function - http://www.w3.org/TR/css3-animations/#animation-timing-function_tag
2
+ @mixin animation-timing-function(
3
+ $motion-1: ease,
4
+ $motion-2: false, $motion-3: false, $motion-4: false, $motion-5: false, $motion-6: false, $motion-7: false, $motion-8: false, $motion-9: false,
5
+ $prefix: false
6
+ ) {
7
+
8
+ $full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
9
+ $value: $full;
10
+
11
+ // ease | linear | ease-in | ease-out | ease-in-out
12
+ @if $prefix {
13
+ @include declaration(animation-timing-function, $value, $prefix);
14
+ } @else {
15
+ @include experimental(animation-timing-function, $value);
16
+ }
17
+
18
+ }
@@ -0,0 +1,12 @@
1
+ // Declariation mixin to make it easy to write a declaration with or without a prefix
2
+ @mixin declaration($property, $value, $prefix: none) {
3
+
4
+ $prefix: unquote($prefix);
5
+
6
+ @if $prefix == none {
7
+ #{$property}: $value;
8
+ } @else {
9
+ #{-$prefix}-#{$property}: $value;
10
+ }
11
+
12
+ }
metadata ADDED
@@ -0,0 +1,141 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: animate-sass
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Adam Stacoviak
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2011-11-26 00:00:00.000000000Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: compass
16
+ requirement: &70158929419540 !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: 0.11.5
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: *70158929419540
25
+ description: Animate.sass is a Sass and Compass CSS animation library for WebKit,
26
+ Firefox and beyond based on the work being done in Animate.css
27
+ email:
28
+ - adam@stacoviak.com
29
+ executables: []
30
+ extensions: []
31
+ extra_rdoc_files: []
32
+ files:
33
+ - README.mdown
34
+ - lib/animate-sass.rb
35
+ - stylesheets/_animate.sass
36
+ - stylesheets/_animations.scss
37
+ - stylesheets/_css3.scss
38
+ - stylesheets/_helpers.scss
39
+ - stylesheets/animations/_attention-seekers.scss
40
+ - stylesheets/animations/_bouncing-entrances.scss
41
+ - stylesheets/animations/_bouncing-exits.scss
42
+ - stylesheets/animations/_fading-entrances.scss
43
+ - stylesheets/animations/_fading-exits.scss
44
+ - stylesheets/animations/_flippers.scss
45
+ - stylesheets/animations/_rotating-entrances.scss
46
+ - stylesheets/animations/_rotating-exits.scss
47
+ - stylesheets/animations/_specials.scss
48
+ - stylesheets/animations/attention-seekers/_bounce.scss
49
+ - stylesheets/animations/attention-seekers/_flash.scss
50
+ - stylesheets/animations/attention-seekers/_pulse.scss
51
+ - stylesheets/animations/attention-seekers/_shake.scss
52
+ - stylesheets/animations/attention-seekers/_swing.scss
53
+ - stylesheets/animations/attention-seekers/_tada.scss
54
+ - stylesheets/animations/attention-seekers/_wobble.scss
55
+ - stylesheets/animations/bouncing-entrances/_bounceIn.scss
56
+ - stylesheets/animations/bouncing-entrances/_bounceInDown.scss
57
+ - stylesheets/animations/bouncing-entrances/_bounceInLeft.scss
58
+ - stylesheets/animations/bouncing-entrances/_bounceInRight.scss
59
+ - stylesheets/animations/bouncing-entrances/_bounceInUp.scss
60
+ - stylesheets/animations/bouncing-exits/_bounceOut.scss
61
+ - stylesheets/animations/bouncing-exits/_bounceOutDown.scss
62
+ - stylesheets/animations/bouncing-exits/_bounceOutLeft.scss
63
+ - stylesheets/animations/bouncing-exits/_bounceOutRight.scss
64
+ - stylesheets/animations/bouncing-exits/_bounceOutUp.scss
65
+ - stylesheets/animations/fading-entrances/_fadeIn.scss
66
+ - stylesheets/animations/fading-entrances/_fadeInDown.scss
67
+ - stylesheets/animations/fading-entrances/_fadeInDownBig.scss
68
+ - stylesheets/animations/fading-entrances/_fadeInLeft.scss
69
+ - stylesheets/animations/fading-entrances/_fadeInLeftBig.scss
70
+ - stylesheets/animations/fading-entrances/_fadeInRight.scss
71
+ - stylesheets/animations/fading-entrances/_fadeInRightBig.scss
72
+ - stylesheets/animations/fading-entrances/_fadeInUp.scss
73
+ - stylesheets/animations/fading-entrances/_fadeInUpBig.scss
74
+ - stylesheets/animations/fading-exits/_fadeOut.scss
75
+ - stylesheets/animations/fading-exits/_fadeOutDown.scss
76
+ - stylesheets/animations/fading-exits/_fadeOutDownBig.scss
77
+ - stylesheets/animations/fading-exits/_fadeOutLeft.scss
78
+ - stylesheets/animations/fading-exits/_fadeOutLeftBig.scss
79
+ - stylesheets/animations/fading-exits/_fadeOutRight.scss
80
+ - stylesheets/animations/fading-exits/_fadeOutRightBig.scss
81
+ - stylesheets/animations/fading-exits/_fadeOutUp.scss
82
+ - stylesheets/animations/fading-exits/_fadeOutUpBig.scss
83
+ - stylesheets/animations/flippers/_flip.scss
84
+ - stylesheets/animations/flippers/_flipInX.scss
85
+ - stylesheets/animations/flippers/_flipInY.scss
86
+ - stylesheets/animations/flippers/_flipOutX.scss
87
+ - stylesheets/animations/flippers/_flipOutY.scss
88
+ - stylesheets/animations/rotating-entrances/_rotateIn.scss
89
+ - stylesheets/animations/rotating-entrances/_rotateInDownLeft.scss
90
+ - stylesheets/animations/rotating-entrances/_rotateInDownRight.scss
91
+ - stylesheets/animations/rotating-entrances/_rotateInUpLeft.scss
92
+ - stylesheets/animations/rotating-entrances/_rotateInUpRight.scss
93
+ - stylesheets/animations/rotating-exits/_rotateOut.scss
94
+ - stylesheets/animations/rotating-exits/_rotateOutDownLeft.scss
95
+ - stylesheets/animations/rotating-exits/_rotateOutDownRight.scss
96
+ - stylesheets/animations/rotating-exits/_rotateOutUpLeft.scss
97
+ - stylesheets/animations/rotating-exits/_rotateOutUpRight.scss
98
+ - stylesheets/animations/specials/_hinge.scss
99
+ - stylesheets/animations/specials/_rollIn.scss
100
+ - stylesheets/animations/specials/_rollOut.scss
101
+ - stylesheets/css3/_animation.scss
102
+ - stylesheets/css3/_backface-visibility.scss
103
+ - stylesheets/css3/_transform.scss
104
+ - stylesheets/css3/animation/_animation-delay.scss
105
+ - stylesheets/css3/animation/_animation-direction.scss
106
+ - stylesheets/css3/animation/_animation-duration.scss
107
+ - stylesheets/css3/animation/_animation-fill-mode.scss
108
+ - stylesheets/css3/animation/_animation-iteration-count.scss
109
+ - stylesheets/css3/animation/_animation-name.scss
110
+ - stylesheets/css3/animation/_animation-play-state.scss
111
+ - stylesheets/css3/animation/_animation-timing-function.scss
112
+ - stylesheets/helpers/_mixins.scss
113
+ homepage: https://github.com/adamstac/animate.sass
114
+ licenses: []
115
+ post_install_message:
116
+ rdoc_options: []
117
+ require_paths:
118
+ - lib
119
+ required_ruby_version: !ruby/object:Gem::Requirement
120
+ none: false
121
+ requirements:
122
+ - - ! '>='
123
+ - !ruby/object:Gem::Version
124
+ version: '0'
125
+ segments:
126
+ - 0
127
+ hash: 1261228618299381139
128
+ required_rubygems_version: !ruby/object:Gem::Requirement
129
+ none: false
130
+ requirements:
131
+ - - ! '>='
132
+ - !ruby/object:Gem::Version
133
+ version: 1.3.6
134
+ requirements: []
135
+ rubyforge_project:
136
+ rubygems_version: 1.8.10
137
+ signing_key:
138
+ specification_version: 3
139
+ summary: Sass and Compass CSS animation library for WebKit, Firefox and beyond, based
140
+ on Animate.css
141
+ test_files: []