motion-common()
    animation-duration: $animation-time
    animation-fill-mode: both

make-motion($className, $keyframeName)
    {$className}-enter-active, {$className}-appear
        motion-common()
        animation-play-state: paused

    {$className}-leave-active
        motion-common();
        animation-play-state: paused

    {$className}-enter-active, {$className}-appear
        animation-name: $keyframeName + In
        animation-play-state: running

    {$className}-leave-active
        animation-name: $keyframeName + Out
        animation-play-state: running

@import './move.styl';
@import './slide.styl';