@import "_getting_started/2-variables";

// Animation
//==================================================
.scroll-effect {
    visibility : hidden;
}
.animated {
    visibility : visible;
    .animated();

    &.repeat {
        .animation-iteration-count(infinite);
    }

    &.hinge {
        .animation-duration(2s);
    }
}

// Animate by Daniel Eden => http://daneden.me/animate
//==================================================
@import "systems/animations/Daniel_Eden";

// Magic css3 animations => http://minimamente.com
//=============================================
@import "systems/animations/magic-animations";

// Made by Justin Aguilar => www.justinaguilar.com/animations/
//=============================================
@import "systems/animations/Justin_Aguilar";

// Other
//=============================================
& when (@animate-rotate) {
    @-webkit-keyframes rotate {
        0% {
            .transform-origin(center);
            .rotate(-360deg);
        }
        100% {
            .transform-origin(center);
            .rotate(0);
        }
    }
    @keyframes rotate {
        0% {
            .transform-origin(center);
            .rotate(-360deg);
        }
        100% {
            .transform-origin(center);
            .rotate(0);
        }
    }
    .rotate {
        .animation-name(rotate)
    }
}