/*
    To use these animations, wrap the html nodes in a <transition name="foo"></transition>
    Vue.js will apply the animation when v-if or v-show state changes (https://vuejs.org/v2/guide/transitions.html)
    
    
    
 */

/* name: slideToggle; duration is equal to JQuery's 'fast' option
*/
.slideToggle-enter-active, .slideToggle-leave-active {
    transition: max-height 200ms ease-in-out;
}
.slideToggle-enter, .slideToggle-leave-to {
    max-height: 0;
}

/* name: fade; duration is equal to JQuery's 'fast' option */
.fade-enter-active, .fade-leave-active {
    transition: opacity 200ms;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}