vuestic-ui
Version:
Vue 3 UI Framework
9 lines (8 loc) • 1.7 kB
JavaScript
import { _ as _sfc_main } from "./VaLayout.vue_vue_type_script_setup_true_lang.js";
import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js";
const _style_0 = ":root,\n:host {\n --va-layout-overlay-color: rgba(0, 0, 0, 0.5);\n --va-layout-scroll-padding: 1rem;\n}\n.va-layout {\n display: grid;\n grid-template-columns: var(--26bb68e3);\n grid-template-rows: var(--6c829775);\n grid-template-areas: var(--21ec940c);\n gap: 0;\n position: relative;\n z-index: 0;\n max-width: 100%;\n max-height: 100%;\n}\n.va-layout__area {\n scrollbar-color: var(--va-background-element) transparent;\n scrollbar-width: thin;\n transition: scrollbar-color 0.3s ease-in-out;\n}\n.va-layout__area::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.va-layout__area::-webkit-scrollbar-track {\n box-shadow: none;\n border-radius: 10px;\n}\n.va-layout__area::-webkit-scrollbar-thumb {\n background: var(--va-background-element);\n opacity: 0.3;\n border-radius: 2px;\n -webkit-transition: background 0.3s ease-in-out;\n transition: background 0.3s ease-in-out;\n}\n.va-layout__area--content {\n grid-area: content;\n z-index: 0;\n min-width: 0;\n min-height: 0;\n}\n.va-layout__area--content [id] {\n scroll-margin-top: calc(var(--54ed9602) + var(--va-layout-scroll-padding));\n scroll-margin-bottom: calc(var(--5729798a) + var(--va-layout-scroll-padding));\n scroll-margin-left: calc(var(--7da6afc2) + var(--va-layout-scroll-padding));\n scroll-margin-right: calc(var(--6d0e4ed0) + var(--va-layout-scroll-padding));\n}";
const _VaLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
_VaLayout as _
};
//# sourceMappingURL=VaLayout.js.map