Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adding the style of the primevue menubar component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-30 11:26:47 +02:00
parent 4a86b1cd57
commit dc01f4694d
1 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/assets/style/primevue-style/menubar.css Normal file
View File

@ -0,0 +1,44 @@
: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);
}