forked from tgdev/animate-sass
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_animate.scss
91 lines (81 loc) · 3 KB
/
_animate.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
////////////////////////////////////////////////////////////
// Import everything to generate your animate sass module //
////////////////////////////////////////////////////////////
@import "helpers/mixins",
"helpers/settings";
// ATTENTION
@import "animations/attention-seekers/bounce",
"animations/attention-seekers/flash",
"animations/attention-seekers/pulse",
"animations/attention-seekers/shake",
"animations/attention-seekers/swing",
"animations/attention-seekers/wiggle",
"animations/attention-seekers/wobble",
"animations/attention-seekers/tada";
// BOUNCE
@import "animations/bounce-enter/bounceIn",
"animations/bounce-enter/bounceInDown",
"animations/bounce-enter/bounceInLeft",
"animations/bounce-enter/bounceInRight",
"animations/bounce-enter/bounceInUp",
"animations/bounce-exit/bounceOut",
"animations/bounce-exit/bounceOutDown",
"animations/bounce-exit/bounceOutLeft",
"animations/bounce-exit/bounceOutRight",
"animations/bounce-exit/bounceOutUp";
// FADE
@import "animations/fade-enter/fadeIn",
"animations/fade-enter/fadeInDown",
"animations/fade-enter/fadeInDownBig",
"animations/fade-enter/fadeInLeft",
"animations/fade-enter/fadeInLeftBig",
"animations/fade-enter/fadeInRight",
"animations/fade-enter/fadeInRightBig",
"animations/fade-enter/fadeInUp",
"animations/fade-enter/fadeInUpBig",
"animations/fade-exit/fadeOut",
"animations/fade-exit/fadeOutDown",
"animations/fade-exit/fadeOutDownBig",
"animations/fade-exit/fadeOutLeft",
"animations/fade-exit/fadeOutLeftBig",
"animations/fade-exit/fadeOutRight",
"animations/fade-exit/fadeOutRightBig",
"animations/fade-exit/fadeOutUp",
"animations/fade-exit/fadeOutUpBig";
// FLIP
@import "animations/flippers/flip",
"animations/flippers/flipInX",
"animations/flippers/flipInY",
"animations/flippers/flipOutX",
"animations/flippers/flipOutY";
// LIGHTSPEED
@import "animations/lightspeed/lightSpeedIn",
"animations/lightspeed/lightSpeedOut";
// ROTATE
@import "animations/rotate-enter/rotateIn",
"animations/rotate-enter/rotateInDownLeft",
"animations/rotate-enter/rotateInDownRight",
"animations/rotate-enter/rotateInUpLeft",
"animations/rotate-enter/rotateInUpRight",
"animations/rotate-exit/rotateOut",
"animations/rotate-exit/rotateOutDownLeft",
"animations/rotate-exit/rotateOutDownRight",
"animations/rotate-exit/rotateOutUpLeft",
"animations/rotate-exit/rotateOutUpRight";
// SPECIAL
@import "animations/special/hinge",
"animations/special/rollIn",
"animations/special/rollOut";
/////////////////////////////////////////////////////////
// Copy the css rules below into your own sass file //
/////////////////////////////////////////////////////////
// body {
// -webkit-backface-visibility: hidden; // Addresses a small issue in webkit: http://bit.ly/NEdoDq
// }
// .animated {
// @include prefixer(animation-duration, $base-duration);
// @include prefixer(animation-fill-mode, both);
// &.hinge {
// @include prefixer(animation-duration, $base-duration * 2);
// }
// }