vuestic-ui/dist/web-components/src/components/va-sidebar/VaSidebar.js

Vue 3 UI Framework

import { _ as _sfc_main } from "./VaSidebar.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-sidebar-min-height: 100%;\n  --va-sidebar-height: 100%;\n  --va-sidebar-position: relative;\n  --va-sidebar-top: 0;\n  --va-sidebar-left: 0;\n  --va-sidebar-transition: var(--va-transition);\n  --va-sidebar-z-index: 1;\n  /* Menu */\n  --va-sidebar-menu-max-height: 100%;\n  --va-sidebar-menu-margin-bottom: 0;\n  --va-sidebar-menu-list-style: none;\n  --va-sidebar-menu-padding-left: 0;\n  --va-sidebar-menu-overflow-y: auto;\n  --va-sidebar-menu-overflow-x: visible;\n  /* SidebarItem */\n  --va-sidebar-item-active-border-size: 4px;\n  --va-sidebar-item-transition: var(--va-transition);\n  /* SidebarItemContent */\n  --va-sidebar-item-content-padding: 1rem;\n  --va-sidebar-item-content-gap: 0.5rem;\n  /* SidebarItemTitle */\n  --va-sidebar-item-title-white-space: nowrap;\n}\n.va-sidebar {\n  min-height: var(--va-sidebar-min-height);\n  height: var(--va-sidebar-height);\n  z-index: var(--va-sidebar-z-index);\n  font-family: var(--va-font-family);\n  display: inline-flex;\n  box-sizing: border-box;\n  position: relative;\n  top: 0;\n}\n.va-sidebar__menu {\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  flex: 1;\n  height: 100%;\n  right: 0;\n  max-height: var(--va-sidebar-menu-max-height);\n  overflow-y: var(--va-sidebar-menu-overflow-y);\n  overflow-x: var(--va-sidebar-menu-overflow-x);\n  margin-left: auto;\n  scrollbar-color: var(--va-secondary) transparent;\n  scrollbar-width: thin;\n  transition: scrollbar-color 0.3s ease-in-out;\n}\n.va-sidebar__menu::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.va-sidebar__menu::-webkit-scrollbar-track {\n  box-shadow: none;\n  border-radius: 10px;\n}\n.va-sidebar__menu::-webkit-scrollbar-thumb {\n  background: var(--va-secondary);\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-sidebar--animated {\n  transition: var(--va-sidebar-transition);\n}\n.va-sidebar--animated .va-sidebar__menu {\n  transition: var(--va-sidebar-transition);\n}\n.va-sidebar--animated-right {\n  justify-content: flex-end;\n}\n.va-sidebar--animated-left {\n  justify-content: flex-start;\n}\n.va-sidebar--minimized {\n  left: 0;\n}\n.va-sidebar--minimized .va-sidebar__title {\n  display: none;\n}";
const _VaSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
  _VaSidebar as _
};
//# sourceMappingURL=VaSidebar.js.map