radh-ui/dist/esm/radh-page-container.entry.js

Stencil Component Starter

import { r as registerInstance, h } from './index-a9700b09.js';

const radhPageContainerCss = ".page-container{position:relative;width:100vw;height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.background{position:absolute;left:0px;top:0px;width:100vw;height:100%}.background ::slotted(*){position:absolute;left:0px;top:0px;width:100%;height:100%}.foreground{position:relative;height:100%;width:calc(100% - var(--size, 8px) * 5);max-width:var(--page-max-width, 1224px)}@media (max-width: 580px){:root{--page-max-width:100%}}";

class PageContainer {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h("section", { class: "page-container" }, h("div", { class: "background" }, h("slot", { name: "background" })), h("div", { class: "foreground" }, h("slot", { name: "foreground" }))));
    }
}
PageContainer.style = radhPageContainerCss;

export { PageContainer as radh_page_container };