@vimeo/iris
Version:
Vimeo Design System
9 lines (6 loc) • 923 B
JavaScript
import { a as __makeTemplateObject } from '../../../tslib.es6-7f0e734f.js';
import styled, { keyframes } from 'styled-components';
var fadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% { opacity: 0 }\n 100% { opacity: 1 }\n"], ["\n 0% { opacity: 0 }\n 100% { opacity: 1 }\n"])));
var Screen = styled.div(templateObject_2 || (templateObject_2 = __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;
export { Screen };