https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
1.2 KiB
22 lines
1.2 KiB
12 years ago
|
// .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); } }
|