animate-sass 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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: []