infinity-forge
Version:
14 lines • 1.98 kB
JavaScript
"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 });
exports.Layout = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: 30px;\n display: grid;\n grid-template-columns: max-content 1fr;\n grid-template-rows: max-content 1fr;\n grid-template-areas:\n 'header header'\n 'aside main';\n position: relative;\n z-index: ", ";\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n header {\n grid-area: header;\n }\n\n aside {\n grid-area: aside;\n }\n\n main {\n min-width: 0;\n grid-area: main;\n margin: var(--spacing) 0;\n position: relative;\n z-index: 1;\n height: 100%;\n }\n"], ["\n width: 100%;\n --spacing: 30px;\n display: grid;\n grid-template-columns: max-content 1fr;\n grid-template-rows: max-content 1fr;\n grid-template-areas:\n 'header header'\n 'aside main';\n position: relative;\n z-index: ", ";\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n header {\n grid-area: header;\n }\n\n aside {\n grid-area: aside;\n }\n\n main {\n min-width: 0;\n grid-area: main;\n margin: var(--spacing) 0;\n position: relative;\n z-index: 1;\n height: 100%;\n }\n"])), function (props) { return props === null || props === void 0 ? void 0 : props.$zIndex; });
var templateObject_1;
//# sourceMappingURL=styles.js.map