playtpus_ui/lib/src/components/overlay/index.js

React Component Libary

"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = __importDefault(require("styled-components"));
var config_1 = require("../../config");
exports.default = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    transition: 200ms ease-out;\n    background-color: rgba(255, 255,255, 0.95);\n    ", ""], ["\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    transition: 200ms ease-out;\n    background-color: rgba(255, 255,255, 0.95);\n    ",
    ""])), function (props) { return props.image ? "\n        background:  linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.95)), url(" + props.image + "), white;\n        background-repeat: no-repeat;\n        background-position: bottom left;\n        @media(min-width: " + config_1.tabletWidth + "){\n        }" :
    ''; });
var Children = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    margin: 2% auto;\n    background: white;\n    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\n    border-radius: 1em;\n    width: 80%;\n    display: grid;\n    place-items: stretch;\n    grid-template-rows: auto 1fr;\n    text-align: center;\n    font-size: 1.2em;\n    padding: 0;\n    min-height: 260px;\n    max-width: 900px;\n    color: black;\n    @media(max-width: ", "){\n    position: absolute;\n    bottom: 90px;\n    width: 90vw;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n    transform: translateX(-50%)\n    }"], ["\n    margin: 2% auto;\n    background: white;\n    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\n    border-radius: 1em;\n    width: 80%;\n    display: grid;\n    place-items: stretch;\n    grid-template-rows: auto 1fr;\n    text-align: center;\n    font-size: 1.2em;\n    padding: 0;\n    min-height: 260px;\n    max-width: 900px;\n    color: black;\n    @media(max-width: ", "){\n    position: absolute;\n    bottom: 90px;\n    width: 90vw;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n    transform: translateX(-50%)\n    }"])), config_1.mobileWidth);
var templateObject_1, templateObject_2;
//# sourceMappingURL=index.js.map