@helpscout/cyan
Version:
Cypress-like Testing for React + JSDOM
8 lines (7 loc) • 2.09 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = "\n:root {\n --backgroundColor: #1c1f21;\n --topBarHeight: 30px;\n --editorSize: 55%;\n}\n* {\n box-sizing: border-box;\n}\nhtml {\n -webkit-font-smoothing: antialiased;\n}\nbody {\n background: var(--backgroundColor);\n color: white;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n margin: 0;\n}\n#done {\n cursor: pointer;\n position: absolute;\n right: 10px;\n top: 6px;\n}\n#bar {\n align-items: center;\n background: var(--backgroundColor);\n border-bottom: 1px solid black;\n display: flex;\n font-size: 12px;\n height: var(--topBarHeight);\n justify-content: flex-start;\n left: 0;\n padding: 0 10px;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 999;\n}\n#iframe {\n background: white;\n border: none;\n border-left: 2px solid black;\n height: calc(100% - var(--topBarHeight));\n position: fixed;\n right: 0;\n top: var(--topBarHeight);\n width: calc(100% - var(--editorSize));\n}\n#editor {\n height: calc(100% - var(--topBarHeight));\n left: 0;\n position: fixed;\n top: var(--topBarHeight);\n width: var(--editorSize);\n}\n#dragHandle {\n cursor: col-resize;\n height: calc(100% - var(--topBarHeight));\n left: var(--editorSize);\n position: fixed;\n top: var(--topBarHeight);\n width: 16px;\n z-index: 2000;\n margin-left: -8px;\n user-select: none;\n}\n#dragHandleLine {\n background: cyan;\n bottom: 0;\n height: 100%;\n left: 9px;\n position: absolute;\n top: 0;\n width: 2px;\n display: none;\n}\n#dragOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1999;\n background: rgba(0, 0, 0, 0.2);\n user-select: none;\n}\nhtml.is-dragging {\n cursor: col-resize;\n}\nhtml.is-dragging #dragHandleLine {\n display: block;\n}\nhtml.is-dragging #dragOverlay {\n display: block;\n}\n";
exports.default = _default;