Sha256: 1d19885177f2a510adad23de5a6b382fcee15160f9e9099f5a1300486230fe3a
Contents?: true
Size: 1.24 KB
Versions: 13
Compression:
Stored size: 1.24 KB
Contents
// .animated and .animated.hinge classes for external use
.animated {
@include animation(1s ease both); }
.animated.hinge {
@include animation(2s ease both); }
// Animations list
$animations: flash, shake, bounce, tada, swing, wobble, wiggle, pulse, flip, flipInX, flipOutX, flipInY, flipOutY, fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, fadeInUpBig, fadeInDownBig, fadeInLeftBig, fadeInRightBig, fadeOut, fadeOutUp, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUpBig, fadeOutDownBig, fadeOutLeftBig, fadeOutRightBig, bounceIn, bounceInDown, bounceInUp, bounceInLeft, bounceInRight, bounceOut, bounceOutDown, bounceOutUp, bounceOutLeft, bounceOutRight, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, lightSpeedIn, lightSpeedOut, hinge, rollIn, rollOut;
// Animations that require backface-visibility
$backface: flip, flipInX, flipOutX, flipInY, flipOutY;
// Creation of the different classes
@each $anim in $animations {
.#{$anim} {
@if index($backface, $anim) {
@include backface-visibility(visible); }
@if $anim == "swing" {
@include transform-origin(top, center); }
@include animation-name($anim); } }
Version data entries
13 entries across 13 versions & 4 rubygems