22 lines
782 B
JavaScript
22 lines
782 B
JavaScript
import { c } from "../../_utils/cssr/index.mjs";
|
|
import commonVariables from "../common/_common.mjs";
|
|
const {
|
|
cubicBezierEaseInOut
|
|
} = commonVariables;
|
|
export function fadeInTransition({
|
|
name = 'fade-in',
|
|
enterDuration = '0.2s',
|
|
leaveDuration = '0.2s',
|
|
enterCubicBezier = cubicBezierEaseInOut,
|
|
leaveCubicBezier = cubicBezierEaseInOut
|
|
} = {}) {
|
|
return [c(`&.${name}-transition-enter-active`, {
|
|
transition: `all ${enterDuration} ${enterCubicBezier}!important`
|
|
}), c(`&.${name}-transition-leave-active`, {
|
|
transition: `all ${leaveDuration} ${leaveCubicBezier}!important`
|
|
}), c(`&.${name}-transition-enter-from, &.${name}-transition-leave-to`, {
|
|
opacity: 0
|
|
}), c(`&.${name}-transition-leave-from, &.${name}-transition-enter-to`, {
|
|
opacity: 1
|
|
})];
|
|
} |