@windijs/utilities/dist/es/transition.js

@windijs/utilities

import { transitionPropertyConfig, transitionTimingFunctionConfig, transitionDurationConfig } from '@windijs/config';
import { createUtility, configHandler, buildTransition } from '@windijs/core';
import { css } from '@windijs/helpers';

var transition = createUtility("transition")
    .use(configHandler(transitionPropertyConfig, v => {
    const timef = transitionTimingFunctionConfig.DEFAULT;
    const dur = transitionDurationConfig.DEFAULT;
    if (v === "none")
        return css({ transitionProperty: "none" });
    if (typeof v === "string")
        return css({
            transitionProperty: v,
            "-webkit-transition-timing-function": timef,
            "-o-transition-timing-function": timef,
            transitionTimingFunction: timef,
            "-webkit-transition-duration": dur,
            "-o-transition-duration": dur,
            transitionDuration: dur,
        });
}))
    .init(buildTransition);

export { transition as default };