/*------------------------
    Animations
-----------------------*/
@include keyframes(pulsing) {
    0% {
        opacity: 0;
        @include prefix(transform, scale(1), webkit moz ms o);
    }

    40% {
        opacity: .3;
        @include prefix(transform, scale(1.2), webkit moz ms o);
    }

    100% {
        opacity: 0;
        @include prefix(transform, scale(1.5), webkit moz ms o);
    }
}

@include keyframes(slideTopDown) {
    0% {
        top: 0px;
    }

    25% {
        top: -5px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 5px;
    }

    100% {
        top: 0px;
    }
}

@include keyframes(translateHeader) {
    0% {
        opacity: 0;
        @include prefix(transform, translateY(-100%), webkit moz ms o);
    }

    100% {
        opacity: 1;
        @include prefix(transform, translateY(0), webkit moz ms o);
    }
}

@include keyframes(ripple) {
    70% {
        box-shadow: 0 0 0 70px rgba($color-white, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba($color-white, 0);
    }
}