@empathyco/x-components
Version:
Empathy X Components
8 lines (5 loc) • 1.8 kB
JavaScript
import injectCss from '../../../tools/inject-css.js';
var css = ".dev-mode .slot-helper{align-items:center;border:1px dashed grey;border-radius:10px;box-sizing:border-box;color:grey;display:flex;font-family:inherit;height:100%;justify-content:center;width:100%}.x-layout[data-v-9dd00b61]{align-content:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:[page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [floating-start] auto [main-end floating-end footer-start] auto [footer-end page-end];height:100%;justify-content:stretch}.x-layout[data-v-9dd00b61]>*{display:flex;grid-column:1/-1;min-height:0;min-width:0}.x-layout__header[data-v-9dd00b61]{grid-row:header;z-index:1}.x-layout__sub-header[data-v-9dd00b61]{grid-row:sub-header;z-index:1}.x-layout__toolbar[data-v-9dd00b61]{grid-row:toolbar;z-index:1}.x-layout__predictive[data-v-9dd00b61]{flex-flow:column nowrap;grid-row-end:page-end;grid-row-start:header-end;z-index:2}.x-layout__main[data-v-9dd00b61]{flex-flow:column nowrap;grid-row:main}.x-layout__floating[data-v-9dd00b61]{grid-row:floating;z-index:1}.x-layout__footer[data-v-9dd00b61]{grid-row:footer}.x-layout__aside[data-v-9dd00b61]{grid-row:page;z-index:3}[dir=ltr] .x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{margin-left:var(--x-size-margin-left-layout-single-column,0)}[dir=rtl] .x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{margin-right:var(--x-size-margin-left-layout-single-column,0)}.x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{height:100%;width:100%}.x-layout[data-v-9dd00b61] .x-layout__aside>:not(.slot-helper){pointer-events:all}";
injectCss(css);
export { css, css as default };
//# sourceMappingURL=single-column-layout.vue3.js.map