uxcore-animate/build/mixin.less

uxcore-animate component for uxcore.

/**
 * Mixin
 */
// Mixin

.animate-active(@animateName) {
    visibility: visible;
    -webkit-animation-name: @animateName;
    -moz-animation-name: @animateName;
    animation-name: @animateName;
}

.animate {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: .3s;
    -mozanimation-timing-function: ease-out;
    -mozanimation-duration: .3s;
    animation-timing-function: ease-out;
    animation-duration: .3s; 
}