mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-27 05:01:23 +01:00
91 lines
3 KiB
SCSS
91 lines
3 KiB
SCSS
////////////////////////////////////////////////////////////
|
|
// 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 animate-prefixer(animation-duration, $base-duration);
|
|
// @include animate-prefixer(animation-fill-mode, both);
|
|
|
|
// &.hinge {
|
|
// @include animate-prefixer(animation-duration, $base-duration * 2);
|
|
// }
|
|
// }
|