elfen-component-page
Version:
elfen component page, include Page/PageHeader/PageBody/PageFooter
9 lines (8 loc) • 1.23 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = require("styled-components");
var utils_1 = require("./utils");
var PageHeader = (_a = ["\n position: relative;\n width: 100%;\n height: ", ";\n padding: 0;\n background-color: ", ";\n backface-visibility: hidden;\n\n &::after {\n display: block;\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n z-index: 100; \n background-color: #e7e7e7;\n transform-origin: 50% 100%;\n transform: scaleY(.5);\n }\n"], _a.raw = ["\n position: relative;\n width: 100%;\n height: ", ";\n padding: 0;\n background-color: ", ";\n backface-visibility: hidden;\n\n &::after {\n display: block;\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n z-index: 100; \n background-color: #e7e7e7;\n transform-origin: 50% 100%;\n transform: scaleY(.5);\n }\n"], styled_components_1.default.div(_a, utils_1.getTheme('page.header.height', '4.5rem'), utils_1.getTheme('page.header.backgroundColor', '#f7f7f8')));
PageHeader.displayName = 'PageHeader';
exports.default = PageHeader;
var _a;