ultra-design
Version:
11 lines (8 loc) • 860 B
JavaScript
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
var _templateObject;
var transitionSlide = function transitionSlide(className) {
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-enter {\n transform: scaleY(0.6);\n opacity: 0;\n }\n .", "-enter-active {\n transform: scaleY(1);\n opacity: 1;\n transition: all ", "ms ease;\n }\n .", "-exit {\n transform: scaleY(1);\n opacity: 1;\n }\n .", "-exit-active {\n transform: scaleY(0.6);\n opacity: 0;\n transition: all ", "ms ease;\n }\n "])), className, className, duration, className, className, duration);
};
export { transitionSlide };