primevue/sidebar/style/index.mjs

PrimeVue is a premium UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, wh

import { style as style$1 } from '@primeuix/styles/sidebar';
import BaseStyle from '@primevue/core/base/style';

var style = /*css*/"\n".concat(style$1, "\n\n/* For PrimeVue */\n.p-sidebar-menu-sub-enter-from,\n.p-sidebar-menu-sub-leave-to {\n    height: 0 !important;\n    opacity: 0;\n}\n\n.p-sidebar-menu-sub-enter-to,\n.p-sidebar-menu-sub-leave-from {\n    height: var(--px-sidebar-menu-sub-height, auto);\n    opacity: 1;\n}\n\n.p-sidebar-menu-sub-enter-active,\n.p-sidebar-menu-sub-leave-active {\n    transition: height 200ms ease-out, opacity 200ms ease-out;\n    overflow: hidden;\n}\n");
var classes = {
  root: 'p-sidebar p-component'
};
var SidebarStyle = BaseStyle.extend({
  name: 'sidebar',
  style: style,
  classes: classes
});

export { SidebarStyle as default };