animate-scss 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. data/.gitignore +17 -0
  2. data/.gitmodules +3 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +58 -0
  6. data/Rakefile +7 -0
  7. data/animate-scss.gemspec +25 -0
  8. data/lib/animate-scss.rb +2 -0
  9. data/lib/animate/engine.rb +4 -0
  10. data/lib/animate/version.rb +3 -0
  11. data/vendor/assets/stylesheets/animate.scss +24 -0
  12. data/vendor/assets/stylesheets/animate/bounce.css +29 -0
  13. data/vendor/assets/stylesheets/animate/bounceIn.css +86 -0
  14. data/vendor/assets/stylesheets/animate/bounceInDown.css +86 -0
  15. data/vendor/assets/stylesheets/animate/bounceInLeft.css +86 -0
  16. data/vendor/assets/stylesheets/animate/bounceInRight.css +86 -0
  17. data/vendor/assets/stylesheets/animate/bounceInUp.css +85 -0
  18. data/vendor/assets/stylesheets/animate/bounceOut.css +86 -0
  19. data/vendor/assets/stylesheets/animate/bounceOutDown.css +70 -0
  20. data/vendor/assets/stylesheets/animate/bounceOutLeft.css +70 -0
  21. data/vendor/assets/stylesheets/animate/bounceOutRight.css +70 -0
  22. data/vendor/assets/stylesheets/animate/bounceOutUp.css +70 -0
  23. data/vendor/assets/stylesheets/animate/fadeIn.css +26 -0
  24. data/vendor/assets/stylesheets/animate/fadeInDown.css +54 -0
  25. data/vendor/assets/stylesheets/animate/fadeInDownBig.css +54 -0
  26. data/vendor/assets/stylesheets/animate/fadeInLeft.css +54 -0
  27. data/vendor/assets/stylesheets/animate/fadeInLeftBig.css +51 -0
  28. data/vendor/assets/stylesheets/animate/fadeInRight.css +54 -0
  29. data/vendor/assets/stylesheets/animate/fadeInRightBig.css +54 -0
  30. data/vendor/assets/stylesheets/animate/fadeInUp.css +54 -0
  31. data/vendor/assets/stylesheets/animate/fadeInUpBig.css +54 -0
  32. data/vendor/assets/stylesheets/animate/fadeOut.css +26 -0
  33. data/vendor/assets/stylesheets/animate/fadeOutDown.css +54 -0
  34. data/vendor/assets/stylesheets/animate/fadeOutDownBig.css +54 -0
  35. data/vendor/assets/stylesheets/animate/fadeOutLeft.css +54 -0
  36. data/vendor/assets/stylesheets/animate/fadeOutLeftBig.css +54 -0
  37. data/vendor/assets/stylesheets/animate/fadeOutRight.css +54 -0
  38. data/vendor/assets/stylesheets/animate/fadeOutRightBig.css +51 -0
  39. data/vendor/assets/stylesheets/animate/fadeOutUp.css +51 -0
  40. data/vendor/assets/stylesheets/animate/fadeOutUpBig.css +54 -0
  41. data/vendor/assets/stylesheets/animate/flash.css +26 -0
  42. data/vendor/assets/stylesheets/animate/flip.css +103 -0
  43. data/vendor/assets/stylesheets/animate/flipInX.css +87 -0
  44. data/vendor/assets/stylesheets/animate/flipInY.css +87 -0
  45. data/vendor/assets/stylesheets/animate/flipOutX.css +54 -0
  46. data/vendor/assets/stylesheets/animate/flipOutY.css +51 -0
  47. data/vendor/assets/stylesheets/animate/hinge.css +38 -0
  48. data/vendor/assets/stylesheets/animate/lightSpeedIn.css +39 -0
  49. data/vendor/assets/stylesheets/animate/lightSpeedOut.css +31 -0
  50. data/vendor/assets/stylesheets/animate/pulse.css +29 -0
  51. data/vendor/assets/stylesheets/animate/rollIn.css +28 -0
  52. data/vendor/assets/stylesheets/animate/rollOut.css +56 -0
  53. data/vendor/assets/stylesheets/animate/rotateIn.css +59 -0
  54. data/vendor/assets/stylesheets/animate/rotateInDownLeft.css +62 -0
  55. data/vendor/assets/stylesheets/animate/rotateInDownRight.css +62 -0
  56. data/vendor/assets/stylesheets/animate/rotateInUpLeft.css +62 -0
  57. data/vendor/assets/stylesheets/animate/rotateInUpRight.css +62 -0
  58. data/vendor/assets/stylesheets/animate/rotateOut.css +62 -0
  59. data/vendor/assets/stylesheets/animate/rotateOutDownLeft.css +62 -0
  60. data/vendor/assets/stylesheets/animate/rotateOutDownRight.css +62 -0
  61. data/vendor/assets/stylesheets/animate/rotateOutUpLeft.css +62 -0
  62. data/vendor/assets/stylesheets/animate/rotateOutUpRight.css +62 -0
  63. data/vendor/assets/stylesheets/animate/shake.css +30 -0
  64. data/vendor/assets/stylesheets/animate/swing.css +43 -0
  65. data/vendor/assets/stylesheets/animate/tada.css +38 -0
  66. data/vendor/assets/stylesheets/animate/wiggle.css +67 -0
  67. data/vendor/assets/stylesheets/animate/wobble.css +48 -0
  68. metadata +167 -0
@@ -0,0 +1,38 @@
1
+ @-webkit-keyframes tada {
2
+ 0% {-webkit-transform: scale(1);}
3
+ 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
4
+ 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
5
+ 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
6
+ 100% {-webkit-transform: scale(1) rotate(0);}
7
+ }
8
+
9
+ @-moz-keyframes tada {
10
+ 0% {-moz-transform: scale(1);}
11
+ 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
12
+ 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
13
+ 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
14
+ 100% {-moz-transform: scale(1) rotate(0);}
15
+ }
16
+
17
+ @-o-keyframes tada {
18
+ 0% {-o-transform: scale(1);}
19
+ 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
20
+ 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
21
+ 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
22
+ 100% {-o-transform: scale(1) rotate(0);}
23
+ }
24
+
25
+ @keyframes tada {
26
+ 0% {transform: scale(1);}
27
+ 10%, 20% {transform: scale(0.9) rotate(-3deg);}
28
+ 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
29
+ 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
30
+ 100% {transform: scale(1) rotate(0);}
31
+ }
32
+
33
+ .tada {
34
+ -webkit-animation-name: tada;
35
+ -moz-animation-name: tada;
36
+ -o-animation-name: tada;
37
+ animation-name: tada;
38
+ }
@@ -0,0 +1,67 @@
1
+ @-webkit-keyframes wiggle {
2
+ 0% { -webkit-transform: skewX(9deg); }
3
+ 10% { -webkit-transform: skewX(-8deg); }
4
+ 20% { -webkit-transform: skewX(7deg); }
5
+ 30% { -webkit-transform: skewX(-6deg); }
6
+ 40% { -webkit-transform: skewX(5deg); }
7
+ 50% { -webkit-transform: skewX(-4deg); }
8
+ 60% { -webkit-transform: skewX(3deg); }
9
+ 70% { -webkit-transform: skewX(-2deg); }
10
+ 80% { -webkit-transform: skewX(1deg); }
11
+ 90% { -webkit-transform: skewX(0deg); }
12
+ 100% { -webkit-transform: skewX(0deg); }
13
+ }
14
+
15
+ @-moz-keyframes wiggle {
16
+ 0% { -moz-transform: skewX(9deg); }
17
+ 10% { -moz-transform: skewX(-8deg); }
18
+ 20% { -moz-transform: skewX(7deg); }
19
+ 30% { -moz-transform: skewX(-6deg); }
20
+ 40% { -moz-transform: skewX(5deg); }
21
+ 50% { -moz-transform: skewX(-4deg); }
22
+ 60% { -moz-transform: skewX(3deg); }
23
+ 70% { -moz-transform: skewX(-2deg); }
24
+ 80% { -moz-transform: skewX(1deg); }
25
+ 90% { -moz-transform: skewX(0deg); }
26
+ 100% { -moz-transform: skewX(0deg); }
27
+ }
28
+
29
+ @-o-keyframes wiggle {
30
+ 0% { -o-transform: skewX(9deg); }
31
+ 10% { -o-transform: skewX(-8deg); }
32
+ 20% { -o-transform: skewX(7deg); }
33
+ 30% { -o-transform: skewX(-6deg); }
34
+ 40% { -o-transform: skewX(5deg); }
35
+ 50% { -o-transform: skewX(-4deg); }
36
+ 60% { -o-transform: skewX(3deg); }
37
+ 70% { -o-transform: skewX(-2deg); }
38
+ 80% { -o-transform: skewX(1deg); }
39
+ 90% { -o-transform: skewX(0deg); }
40
+ 100% { -o-transform: skewX(0deg); }
41
+ }
42
+
43
+ @keyframes wiggle {
44
+ 0% { transform: skewX(9deg); }
45
+ 10% { transform: skewX(-8deg); }
46
+ 20% { transform: skewX(7deg); }
47
+ 30% { transform: skewX(-6deg); }
48
+ 40% { transform: skewX(5deg); }
49
+ 50% { transform: skewX(-4deg); }
50
+ 60% { transform: skewX(3deg); }
51
+ 70% { transform: skewX(-2deg); }
52
+ 80% { transform: skewX(1deg); }
53
+ 90% { transform: skewX(0deg); }
54
+ 100% { transform: skewX(0deg); }
55
+ }
56
+
57
+ .wiggle {
58
+ -webkit-animation-name: wiggle;
59
+ -moz-animation-name: wiggle;
60
+ -o-animation-name: wiggle;
61
+ animation-name: wiggle;
62
+
63
+ -webkit-animation-timing-function: ease-in;
64
+ -moz-animation-timing-function: ease-in;
65
+ -o-animation-timing-function: ease-in;
66
+ animation-timing-function: ease-in;
67
+ }
@@ -0,0 +1,48 @@
1
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2
+
3
+ @-webkit-keyframes wobble {
4
+ 0% { -webkit-transform: translateX(0%); }
5
+ 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
6
+ 30% { -webkit-transform: translateX(20%) rotate(3deg); }
7
+ 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
8
+ 60% { -webkit-transform: translateX(10%) rotate(2deg); }
9
+ 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
10
+ 100% { -webkit-transform: translateX(0%); }
11
+ }
12
+
13
+ @-moz-keyframes wobble {
14
+ 0% { -moz-transform: translateX(0%); }
15
+ 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
16
+ 30% { -moz-transform: translateX(20%) rotate(3deg); }
17
+ 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
18
+ 60% { -moz-transform: translateX(10%) rotate(2deg); }
19
+ 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
20
+ 100% { -moz-transform: translateX(0%); }
21
+ }
22
+
23
+ @-o-keyframes wobble {
24
+ 0% { -o-transform: translateX(0%); }
25
+ 15% { -o-transform: translateX(-25%) rotate(-5deg); }
26
+ 30% { -o-transform: translateX(20%) rotate(3deg); }
27
+ 45% { -o-transform: translateX(-15%) rotate(-3deg); }
28
+ 60% { -o-transform: translateX(10%) rotate(2deg); }
29
+ 75% { -o-transform: translateX(-5%) rotate(-1deg); }
30
+ 100% { -o-transform: translateX(0%); }
31
+ }
32
+
33
+ @keyframes wobble {
34
+ 0% { transform: translateX(0%); }
35
+ 15% { transform: translateX(-25%) rotate(-5deg); }
36
+ 30% { transform: translateX(20%) rotate(3deg); }
37
+ 45% { transform: translateX(-15%) rotate(-3deg); }
38
+ 60% { transform: translateX(10%) rotate(2deg); }
39
+ 75% { transform: translateX(-5%) rotate(-1deg); }
40
+ 100% { transform: translateX(0%); }
41
+ }
42
+
43
+ .wobble {
44
+ -webkit-animation-name: wobble;
45
+ -moz-animation-name: wobble;
46
+ -o-animation-name: wobble;
47
+ animation-name: wobble;
48
+ }
metadata ADDED
@@ -0,0 +1,167 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: animate-scss
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Eric J. Holmes
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2013-06-16 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: sass
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: '0'
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: !ruby/object:Gem::Requirement
25
+ none: false
26
+ requirements:
27
+ - - ! '>='
28
+ - !ruby/object:Gem::Version
29
+ version: '0'
30
+ - !ruby/object:Gem::Dependency
31
+ name: bundler
32
+ requirement: !ruby/object:Gem::Requirement
33
+ none: false
34
+ requirements:
35
+ - - ~>
36
+ - !ruby/object:Gem::Version
37
+ version: '1.3'
38
+ type: :development
39
+ prerelease: false
40
+ version_requirements: !ruby/object:Gem::Requirement
41
+ none: false
42
+ requirements:
43
+ - - ~>
44
+ - !ruby/object:Gem::Version
45
+ version: '1.3'
46
+ - !ruby/object:Gem::Dependency
47
+ name: rake
48
+ requirement: !ruby/object:Gem::Requirement
49
+ none: false
50
+ requirements:
51
+ - - ! '>='
52
+ - !ruby/object:Gem::Version
53
+ version: '0'
54
+ type: :development
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ none: false
58
+ requirements:
59
+ - - ! '>='
60
+ - !ruby/object:Gem::Version
61
+ version: '0'
62
+ description: Animate.css for the Rails asset pipeline
63
+ email:
64
+ - eric@ejholmes.net
65
+ executables: []
66
+ extensions: []
67
+ extra_rdoc_files: []
68
+ files:
69
+ - .gitignore
70
+ - .gitmodules
71
+ - Gemfile
72
+ - LICENSE.txt
73
+ - README.md
74
+ - Rakefile
75
+ - animate-scss.gemspec
76
+ - lib/animate-scss.rb
77
+ - lib/animate/engine.rb
78
+ - lib/animate/version.rb
79
+ - vendor/assets/stylesheets/animate.scss
80
+ - vendor/assets/stylesheets/animate/bounce.css
81
+ - vendor/assets/stylesheets/animate/bounceIn.css
82
+ - vendor/assets/stylesheets/animate/bounceInDown.css
83
+ - vendor/assets/stylesheets/animate/bounceInLeft.css
84
+ - vendor/assets/stylesheets/animate/bounceInRight.css
85
+ - vendor/assets/stylesheets/animate/bounceInUp.css
86
+ - vendor/assets/stylesheets/animate/bounceOut.css
87
+ - vendor/assets/stylesheets/animate/bounceOutDown.css
88
+ - vendor/assets/stylesheets/animate/bounceOutLeft.css
89
+ - vendor/assets/stylesheets/animate/bounceOutRight.css
90
+ - vendor/assets/stylesheets/animate/bounceOutUp.css
91
+ - vendor/assets/stylesheets/animate/fadeIn.css
92
+ - vendor/assets/stylesheets/animate/fadeInDown.css
93
+ - vendor/assets/stylesheets/animate/fadeInDownBig.css
94
+ - vendor/assets/stylesheets/animate/fadeInLeft.css
95
+ - vendor/assets/stylesheets/animate/fadeInLeftBig.css
96
+ - vendor/assets/stylesheets/animate/fadeInRight.css
97
+ - vendor/assets/stylesheets/animate/fadeInRightBig.css
98
+ - vendor/assets/stylesheets/animate/fadeInUp.css
99
+ - vendor/assets/stylesheets/animate/fadeInUpBig.css
100
+ - vendor/assets/stylesheets/animate/fadeOut.css
101
+ - vendor/assets/stylesheets/animate/fadeOutDown.css
102
+ - vendor/assets/stylesheets/animate/fadeOutDownBig.css
103
+ - vendor/assets/stylesheets/animate/fadeOutLeft.css
104
+ - vendor/assets/stylesheets/animate/fadeOutLeftBig.css
105
+ - vendor/assets/stylesheets/animate/fadeOutRight.css
106
+ - vendor/assets/stylesheets/animate/fadeOutRightBig.css
107
+ - vendor/assets/stylesheets/animate/fadeOutUp.css
108
+ - vendor/assets/stylesheets/animate/fadeOutUpBig.css
109
+ - vendor/assets/stylesheets/animate/flash.css
110
+ - vendor/assets/stylesheets/animate/flip.css
111
+ - vendor/assets/stylesheets/animate/flipInX.css
112
+ - vendor/assets/stylesheets/animate/flipInY.css
113
+ - vendor/assets/stylesheets/animate/flipOutX.css
114
+ - vendor/assets/stylesheets/animate/flipOutY.css
115
+ - vendor/assets/stylesheets/animate/hinge.css
116
+ - vendor/assets/stylesheets/animate/lightSpeedIn.css
117
+ - vendor/assets/stylesheets/animate/lightSpeedOut.css
118
+ - vendor/assets/stylesheets/animate/pulse.css
119
+ - vendor/assets/stylesheets/animate/rollIn.css
120
+ - vendor/assets/stylesheets/animate/rollOut.css
121
+ - vendor/assets/stylesheets/animate/rotateIn.css
122
+ - vendor/assets/stylesheets/animate/rotateInDownLeft.css
123
+ - vendor/assets/stylesheets/animate/rotateInDownRight.css
124
+ - vendor/assets/stylesheets/animate/rotateInUpLeft.css
125
+ - vendor/assets/stylesheets/animate/rotateInUpRight.css
126
+ - vendor/assets/stylesheets/animate/rotateOut.css
127
+ - vendor/assets/stylesheets/animate/rotateOutDownLeft.css
128
+ - vendor/assets/stylesheets/animate/rotateOutDownRight.css
129
+ - vendor/assets/stylesheets/animate/rotateOutUpLeft.css
130
+ - vendor/assets/stylesheets/animate/rotateOutUpRight.css
131
+ - vendor/assets/stylesheets/animate/shake.css
132
+ - vendor/assets/stylesheets/animate/swing.css
133
+ - vendor/assets/stylesheets/animate/tada.css
134
+ - vendor/assets/stylesheets/animate/wiggle.css
135
+ - vendor/assets/stylesheets/animate/wobble.css
136
+ homepage: https://github.com/ejholmes/animate.scss
137
+ licenses:
138
+ - MIT
139
+ post_install_message:
140
+ rdoc_options: []
141
+ require_paths:
142
+ - lib
143
+ required_ruby_version: !ruby/object:Gem::Requirement
144
+ none: false
145
+ requirements:
146
+ - - ! '>='
147
+ - !ruby/object:Gem::Version
148
+ version: '0'
149
+ segments:
150
+ - 0
151
+ hash: 4222898504837875264
152
+ required_rubygems_version: !ruby/object:Gem::Requirement
153
+ none: false
154
+ requirements:
155
+ - - ! '>='
156
+ - !ruby/object:Gem::Version
157
+ version: '0'
158
+ segments:
159
+ - 0
160
+ hash: 4222898504837875264
161
+ requirements: []
162
+ rubyforge_project:
163
+ rubygems_version: 1.8.23
164
+ signing_key:
165
+ specification_version: 3
166
+ summary: Animate.css for the Rails asset pipeline
167
+ test_files: []