// Slide fade
.slide-fade-enter-active {
    transition: all .25s ease;
}
.slide-fade-leave-active {
    transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to {
    transform: translateX(40px);
    opacity: 0;
}

// Slide right
.slide-fade-to-right-enter-active {
    transition: all .25s ease;
}
.slide-fade-to-right-leave-active {
    transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-to-right-enter, .slide-fade-to-right-leave-to {
    transform: translateX(-40px);
    opacity: 0;
}

// Slide up
.slide-fade-up-enter-active {
    transition: all .25s ease;
}
.slide-fade-up-leave-active {
    transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-up-enter, .slide-fade-up-leave-to {
    transform: translateY(100px);
    opacity: 0;
}

// Opacity
.opacity-enter-active {
    transition: all .25s ease;
}
.opacity-leave-active {
    transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.opacity-enter, .opacity-leave-to {
    opacity: 0;
}

