ultra-design
Version:
11 lines (8 loc) • 790 B
JavaScript
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
var _templateObject;
var overlayStyle = function overlayStyle(props) {
var timeout = props.timeout;
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 1000;\n /* overlay transition */\n &.ultra-overlay-enter {\n opacity: 0;\n }\n &.ultra-overlay-enter-active {\n opacity: 1;\n transition: opacity ", "ms;\n }\n &.ultra-overlay-exit {\n opacity: 1;\n }\n &.ultra-overlay-exit-active {\n opacity: 0;\n transition: opacity ", "ms;\n }\n "])), timeout, timeout);
};
export { overlayStyle };