visua-vue/src/assets/style/primevue-style/menubar.css

45 lines
2.7 KiB
CSS
Raw Normal View History

:root {
--p-menubar-mobile-button-border-radius: var(--menu-border-radius);
--p-menubar-mobile-button-size: 1.75rem;
--p-menubar-mobile-button-color: var(--text-active-blue-france);
--p-menubar-mobile-button-hover-color: var(--text-active-blue-france);
--p-menubar-mobile-button-hover-background: var(--background-transparent-active);
--p-menubar-mobile-button-focus-ring-width: var(--focus-width);
--p-menubar-mobile-button-focus-ring-style: var(--focus-style);
--p-menubar-mobile-button-focus-ring-color: var(--focus-color);
--p-menubar-mobile-button-focus-ring-offset: var(--focus-offset);
/* --p-menubar-mobile-button-focus-ring-shadow: */
--p-menubar-separator-border-color: var(--border-default-grey);
--p-menubar-submenu-padding: var(--p-navigation-list-padding);
--p-menubar-submenu-gap: var(--p-navigation-list-gap);
--p-menubar-submenu-background: var(--background-transparent);
--p-menubar-submenu-border-color: var(--border-default-grey);
--p-menubar-submenu-border-radius: var(--menu-border-radius);
--p-menubar-submenu-shadow: var(--shadow);
--p-menubar-submenu-mobile-indent: 1rem;
--p-menubar-submenu-icon-size: var(--p-navigation-submenu-icon-size);
--p-menubar-submenu-icon-color: var(--p-navigation-submenu-icon-color);
--p-menubar-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
--p-menubar-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
--p-menubar-item-focus-background: var(--p-navigation-item-focus-background);
--p-menubar-item-active-background: var(--p-navigation-item-active-background);
--p-menubar-item-color: var(--p-navigation-item-color);
--p-menubar-item-focus-color: var(--p-navigation-item-focus-color);
--p-menubar-item-active-color: var(--p-navigation-item-active-color);
--p-menubar-item-padding: var(--p-navigation-item-padding);
--p-menubar-item-border-radius: var(--p-navigation-item-border-radius);
--p-menubar-item-gap: var(--p-navigation-item-gap);
--p-menubar-item-icon-color: var(--p-navigation-item-icon-color);
--p-menubar-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
--p-menubar-item-icon-active-color: var(--p-navigation-item-icon-active-color);
--p-menubar-base-item-border-radius: var(--menu-border-radius);
--p-menubar-base-item-padding: var(--p-navigation-item-padding);
--p-menubar-background: var(--background-transparent);
--p-menubar-border-color: var(--border-default-grey);
--p-menubar-border-radius: var(--menu-border-radius);
--p-menubar-color: var(--menu-active-color);
--p-menubar-gap: 0.5rem;
--p-menubar-padding: var(--menu-padding);
--p-menubar-transition-duration: var(--transition-duration);
}