animate-scss 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +17 -0
- data/.gitmodules +3 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +58 -0
- data/Rakefile +7 -0
- data/animate-scss.gemspec +25 -0
- data/lib/animate-scss.rb +2 -0
- data/lib/animate/engine.rb +4 -0
- data/lib/animate/version.rb +3 -0
- data/vendor/assets/stylesheets/animate.scss +24 -0
- data/vendor/assets/stylesheets/animate/bounce.css +29 -0
- data/vendor/assets/stylesheets/animate/bounceIn.css +86 -0
- data/vendor/assets/stylesheets/animate/bounceInDown.css +86 -0
- data/vendor/assets/stylesheets/animate/bounceInLeft.css +86 -0
- data/vendor/assets/stylesheets/animate/bounceInRight.css +86 -0
- data/vendor/assets/stylesheets/animate/bounceInUp.css +85 -0
- data/vendor/assets/stylesheets/animate/bounceOut.css +86 -0
- data/vendor/assets/stylesheets/animate/bounceOutDown.css +70 -0
- data/vendor/assets/stylesheets/animate/bounceOutLeft.css +70 -0
- data/vendor/assets/stylesheets/animate/bounceOutRight.css +70 -0
- data/vendor/assets/stylesheets/animate/bounceOutUp.css +70 -0
- data/vendor/assets/stylesheets/animate/fadeIn.css +26 -0
- data/vendor/assets/stylesheets/animate/fadeInDown.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInDownBig.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInLeft.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInLeftBig.css +51 -0
- data/vendor/assets/stylesheets/animate/fadeInRight.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInRightBig.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInUp.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeInUpBig.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOut.css +26 -0
- data/vendor/assets/stylesheets/animate/fadeOutDown.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOutDownBig.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOutLeft.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOutLeftBig.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOutRight.css +54 -0
- data/vendor/assets/stylesheets/animate/fadeOutRightBig.css +51 -0
- data/vendor/assets/stylesheets/animate/fadeOutUp.css +51 -0
- data/vendor/assets/stylesheets/animate/fadeOutUpBig.css +54 -0
- data/vendor/assets/stylesheets/animate/flash.css +26 -0
- data/vendor/assets/stylesheets/animate/flip.css +103 -0
- data/vendor/assets/stylesheets/animate/flipInX.css +87 -0
- data/vendor/assets/stylesheets/animate/flipInY.css +87 -0
- data/vendor/assets/stylesheets/animate/flipOutX.css +54 -0
- data/vendor/assets/stylesheets/animate/flipOutY.css +51 -0
- data/vendor/assets/stylesheets/animate/hinge.css +38 -0
- data/vendor/assets/stylesheets/animate/lightSpeedIn.css +39 -0
- data/vendor/assets/stylesheets/animate/lightSpeedOut.css +31 -0
- data/vendor/assets/stylesheets/animate/pulse.css +29 -0
- data/vendor/assets/stylesheets/animate/rollIn.css +28 -0
- data/vendor/assets/stylesheets/animate/rollOut.css +56 -0
- data/vendor/assets/stylesheets/animate/rotateIn.css +59 -0
- data/vendor/assets/stylesheets/animate/rotateInDownLeft.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateInDownRight.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateInUpLeft.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateInUpRight.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateOut.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateOutDownLeft.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateOutDownRight.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateOutUpLeft.css +62 -0
- data/vendor/assets/stylesheets/animate/rotateOutUpRight.css +62 -0
- data/vendor/assets/stylesheets/animate/shake.css +30 -0
- data/vendor/assets/stylesheets/animate/swing.css +43 -0
- data/vendor/assets/stylesheets/animate/tada.css +38 -0
- data/vendor/assets/stylesheets/animate/wiggle.css +67 -0
- data/vendor/assets/stylesheets/animate/wobble.css +48 -0
- 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: []
|