@import "scss/mixin"; @import "scss/variable"; @import "scss/_fading-entrances/_fadeIn.scss"; @import "scss/_fading-entrances/_fadeInDown.scss"; @import "scss/_fading-entrances/_fadeInLeft.scss"; @import "scss/_fading-entrances/_fadeInRight.scss"; @import "scss/_fading-entrances/_fadeInUp.scss"; @import "scss/_fading-exits/_fadeOut.scss"; @import "scss/_fading-exits/_fadeOutDown.scss"; @import "scss/_fading-exits/_fadeOutLeft.scss"; @import "scss/_fading-exits/_fadeOutRight.scss"; @import "scss/_fading-exits/_fadeOutUp.scss"; @import "scss/_sliding-exits/sliding-exits.scss"; @import "scss/_sliding-entrances/sliding-entrances.scss"; @import "scss/_zooming-entrances/_zoomIn.scss"; @import "scss/_zooming-exits/_zoomOut.scss"; @import "scss/_expand-entrances/_expandInDown.scss"; @import "scss/_expand-entrances/_expandInUp.scss"; @import "scss/_expand-entrances/_withFade.scss"; @import "scss/_expand-exits/_expandOutUp.scss"; @import "scss/_expand-exits/_expandOutDown.scss"; @import "scss/_expand-exits/_withFade.scss"; @import "scss/_attention-seekers/_pulse.scss"; .fadeIn { @include fadeIn(); } .fadeInDown { @include fadeInDown(); } .fadeInLeft { @include fadeInLeft(); } .fadeInRight { @include fadeInRight(); } .fadeInUp { @include fadeInUp(); } .fadeOut { @include fadeOut(); } .fadeOutDown { @include fadeOutDown(); } .fadeOutLeft { @include fadeOutLeft(); } .fadeOutRight { @include fadeOutRight(); } .fadeOutUp { @include fadeOutUp(); } .slideInUp { @include slideInUp(); } .slideInDown { @include slideInDown(); } .slideInLeft { @include slideInLeft(); } .slideInRight { @include slideInRight(); } .slideOutUp { @include slideOutUp(); } .slideOutRight { @include slideOutRight(); } .slideOutLeft { @include slideOutLeft(); } .slideOutDown { @include slideOutDown(); } .zoomIn { @include zoomIn(); } .zoomOut { @include zoomOut(); } .expandInDown { @include expandInDown(); } .expandOutUp { @include expandOutUp(); } .expandInUp { @include expandInUp(); } .expandOutDown { @include expandOutDown(); } .pulse { @include pulse(); } .expand-enter { overflow: hidden; } .expand-enter-active { transition: all .3s ease-out; & > * { @include expandInWithFade(); } } .expand-leave { overflow: hidden; } .expand-leave-active { transition: all .2s ease-out; & > * { @include expandOutWithFade(); } }