animate.sass-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +20 -0
- data/README.md +26 -0
- data/Rakefile +26 -0
- data/lib/animate.sass-rails.rb +6 -0
- data/lib/animate.sass-rails/version.rb +3 -0
- data/vendor/assets/stylesheets/_animate.sass +7 -0
- data/vendor/assets/stylesheets/animate/_animations.sass +35 -0
- data/vendor/assets/stylesheets/animate/_css3.sass +3 -0
- data/vendor/assets/stylesheets/animate/_shared.sass +2 -0
- data/vendor/assets/stylesheets/animate/_utilities.sass +1 -0
- data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass +7 -0
- data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass +12 -0
- data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass +12 -0
- data/vendor/assets/stylesheets/animate/animations/_flippers.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_specials.sass +3 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass +42 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass +50 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass +41 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass +50 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_wobble.sass +44 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceIn.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInDown.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInLeft.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInRight.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInUp.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOut.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutDown.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutUp.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeIn.sass +32 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDown.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDownBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeft.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeftBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRight.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRightBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUp.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUpBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOut.sass +32 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDown.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDownBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeft.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeftBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRight.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRightBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUp.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUpBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flip.sass +44 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipInX.sass +39 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipInY.sass +39 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutX.sass +35 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutY.sass +35 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateIn.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOut.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_hinge.sass +48 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_rollIn.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_rollOut.sass +36 -0
- data/vendor/assets/stylesheets/animate/css3/_animation.sass +49 -0
- data/vendor/assets/stylesheets/animate/css3/_backface-visibility.sass +8 -0
- data/vendor/assets/stylesheets/animate/css3/_transform.sass +19 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-delay.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-direction.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-duration.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-fill-mode.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-iteration-count.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-name.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-play-state.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-timing-function.sass +10 -0
- data/vendor/assets/stylesheets/animate/utilities/_mixins.sass +7 -0
- metadata +146 -0
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInDown($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(-20px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInDown
|
11
|
+
+fadeInDown(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInDown
|
15
|
+
+fadeInDown(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInDown
|
19
|
+
+fadeInDown(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInDown
|
23
|
+
+fadeInDown(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInDown
|
27
|
+
+fadeInDown(o)
|
28
|
+
|
29
|
+
@keyframes fadeInDown
|
30
|
+
+fadeInDown(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInDown
|
34
|
+
+animation-name(fadeInDown)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInDownBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(-2000px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInDownBig
|
11
|
+
+fadeInDownBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInDownBig
|
15
|
+
+fadeInDownBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInDownBig
|
19
|
+
+fadeInDownBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInDownBig
|
23
|
+
+fadeInDownBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInDownBig
|
27
|
+
+fadeInDownBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeInDownBig
|
30
|
+
+fadeInDownBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInDownBig
|
34
|
+
+animation-name(fadeInDownBig)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInLeft($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(-20px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInLeft
|
11
|
+
+fadeInLeft(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInLeft
|
15
|
+
+fadeInLeft(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInLeft
|
19
|
+
+fadeInLeft(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInLeft
|
23
|
+
+fadeInLeft(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInLeft
|
27
|
+
+fadeInLeft(o)
|
28
|
+
|
29
|
+
@keyframes fadeInLeft
|
30
|
+
+fadeInLeft(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInLeft
|
34
|
+
+animation-name(fadeInLeft)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInLeftBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(-2000px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInLeftBig
|
11
|
+
+fadeInLeftBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInLeftBig
|
15
|
+
+fadeInLeftBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInLeftBig
|
19
|
+
+fadeInLeftBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInLeftBig
|
23
|
+
+fadeInLeftBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInLeftBig
|
27
|
+
+fadeInLeftBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeInLeftBig
|
30
|
+
+fadeInLeftBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInLeftBig
|
34
|
+
+animation-name(fadeInLeftBig)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInRight($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(20px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInRight
|
11
|
+
+fadeInRight(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInRight
|
15
|
+
+fadeInRight(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInRight
|
19
|
+
+fadeInRight(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInRight
|
23
|
+
+fadeInRight(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInRight
|
27
|
+
+fadeInRight(o)
|
28
|
+
|
29
|
+
@keyframes fadeInRight
|
30
|
+
+fadeInRight(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInRight
|
34
|
+
+animation-name(fadeInRight)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInRightBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(2000px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInRightBig
|
11
|
+
+fadeInRightBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInRightBig
|
15
|
+
+fadeInRightBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInRightBig
|
19
|
+
+fadeInRightBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInRightBig
|
23
|
+
+fadeInRightBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInRightBig
|
27
|
+
+fadeInRightBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeInRightBig
|
30
|
+
+fadeInRightBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInRightBig
|
34
|
+
+animation-name(fadeInRightBig)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInUp($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(20px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInUp
|
11
|
+
+fadeInUp(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInUp
|
15
|
+
+fadeInUp(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInUp
|
19
|
+
+fadeInUp(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInUp
|
23
|
+
+fadeInUp(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInUp
|
27
|
+
+fadeInUp(o)
|
28
|
+
|
29
|
+
@keyframes fadeInUp
|
30
|
+
+fadeInUp(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInUp
|
34
|
+
+animation-name(fadeInUp)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeInUpBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(2000px), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(0), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeInUpBig
|
11
|
+
+fadeInUpBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeInUpBig
|
15
|
+
+fadeInUpBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeInUpBig
|
19
|
+
+fadeInUpBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeInUpBig
|
23
|
+
+fadeInUpBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeInUpBig
|
27
|
+
+fadeInUpBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeInUpBig
|
30
|
+
+fadeInUpBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeInUpBig
|
34
|
+
+animation-name(fadeInUpBig)
|
@@ -0,0 +1,32 @@
|
|
1
|
+
=fadeOut
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
100%
|
5
|
+
opacity: 0
|
6
|
+
|
7
|
+
@if $experimental-support-for-webkit
|
8
|
+
@-webkit-keyframes fadeOut
|
9
|
+
+fadeOut
|
10
|
+
|
11
|
+
@if $experimental-support-for-khtml
|
12
|
+
@-khtml-keyframes fadeOut
|
13
|
+
+fadeOut
|
14
|
+
|
15
|
+
@if $experimental-support-for-mozilla
|
16
|
+
@-moz-keyframes fadeOut
|
17
|
+
+fadeOut
|
18
|
+
|
19
|
+
@if $experimental-support-for-microsoft
|
20
|
+
@-ms-keyframes fadeOut
|
21
|
+
+fadeOut
|
22
|
+
|
23
|
+
@if $experimental-support-for-opera
|
24
|
+
@-o-keyframes fadeOut
|
25
|
+
+fadeOut
|
26
|
+
|
27
|
+
@keyframes fadeOut
|
28
|
+
+fadeOut
|
29
|
+
|
30
|
+
|
31
|
+
.fadeOut
|
32
|
+
+animation-name(fadeOut)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutDown($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateY(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateY(20px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutDown
|
11
|
+
+fadeOutDown(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutDown
|
15
|
+
+fadeOutDown(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutDown
|
19
|
+
+fadeOutDown(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutDown
|
23
|
+
+fadeOutDown(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutDown
|
27
|
+
+fadeOutDown(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutDown
|
30
|
+
+fadeOutDown(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutDown
|
34
|
+
+animation-name(fadeOutDown)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutDownBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateY(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateY(2000px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutDownBig
|
11
|
+
+fadeOutDownBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutDownBig
|
15
|
+
+fadeOutDownBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutDownBig
|
19
|
+
+fadeOutDownBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutDownBig
|
23
|
+
+fadeOutDownBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutDownBig
|
27
|
+
+fadeOutDownBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutDownBig
|
30
|
+
+fadeOutDownBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutDownBig
|
34
|
+
+animation-name(fadeOutDownBig)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutLeft($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateX(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateX(-20px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutLeft
|
11
|
+
+fadeOutLeft(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutLeft
|
15
|
+
+fadeOutLeft(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutLeft
|
19
|
+
+fadeOutLeft(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutLeft
|
23
|
+
+fadeOutLeft(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutLeft
|
27
|
+
+fadeOutLeft(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutLeft
|
30
|
+
+fadeOutLeft(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutLeft
|
34
|
+
+animation-name(fadeOutLeft)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutLeftBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateX(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateX(-2000px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutLeftBig
|
11
|
+
+fadeOutLeftBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutLeftBig
|
15
|
+
+fadeOutLeftBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutLeftBig
|
19
|
+
+fadeOutLeftBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutLeftBig
|
23
|
+
+fadeOutLeftBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutLeftBig
|
27
|
+
+fadeOutLeftBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutLeftBig
|
30
|
+
+fadeOutLeftBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutLeftBig
|
34
|
+
+animation-name(fadeOutLeftBig)
|