@vimeo/iris/utils/hooks/usePortal_DEPRECATED/usePortal_DEPRECATED.style.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../../../tslib.es6-3ec409b7.js');
var styled = require('styled-components');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

var fadeIn = styled.keyframes(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  0% { opacity: 0 }\n  100% { opacity: 1 }\n"], ["\n  0% { opacity: 0 }\n  100% { opacity: 1 }\n"])));
var Screen = styled__default["default"].div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  cursor: pointer;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: rgba(50, 50, 50, 0.667);\n  z-index: 1999;\n  transition: 200ms;\n  animation: ", " 150ms ease-in-out;\n"], ["\n  cursor: pointer;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: rgba(50, 50, 50, 0.667);\n  z-index: 1999;\n  transition: 200ms;\n  animation: ", " 150ms ease-in-out;\n"])), fadeIn);
var templateObject_1, templateObject_2;

exports.Screen = Screen;