vuestic-ui/dist/web-components/src/components/va-inner-loading/VaInnerLoading.js

Vue 3 UI Framework

import { _ as _sfc_main } from "./VaInnerLoading.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-inner-loading-position: relative;\n  --va-inner-loading-min-width: fit-content;\n  --va-inner-loading-width: 100%;\n  --va-inner-loading-overlay-display: flex;\n  --va-inner-loading-overlay-align-items: center;\n  --va-inner-loading-overlay-justify-content: center;\n  --va-inner-loading-overlay-position: absolute;\n  --va-inner-loading-overlay-top: 0;\n  --va-inner-loading-overlay-bottom: 0;\n  --va-inner-loading-overlay-width: 100%;\n  --va-inner-loading-overlay-background: var(--va-background-primary);\n}\n.va-inner-loading {\n  position: var(--va-inner-loading-position);\n  min-width: var(--va-inner-loading-min-width);\n  width: var(--va-inner-loading-width);\n  font-family: var(--va-font-family);\n}\n.va-inner-loading--active {\n  pointer-events: none;\n}\n.va-inner-loading__overlay {\n  display: var(--va-inner-loading-overlay-display);\n  align-items: var(--va-inner-loading-overlay-align-items);\n  justify-content: var(--va-inner-loading-overlay-justify-content);\n  position: var(--va-inner-loading-overlay-position);\n  top: var(--va-inner-loading-overlay-top);\n  bottom: var(--va-inner-loading-overlay-bottom);\n  width: var(--va-inner-loading-overlay-width);\n  z-index: 0;\n}\n.va-inner-loading__overlay::after {\n  content: "";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: var(--va-inner-loading-overlay-background);\n  opacity: 0.3;\n  z-index: -1;\n}';
const _VaInnerLoading = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
  _VaInnerLoading as _
};
//# sourceMappingURL=VaInnerLoading.js.map