animate-scss 0.0.1

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 (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: []