vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Tokens for TieredMenu

Browse source
This commit is contained in:
Cagatay Civici 2024-05-10 11:05:59 +03:00
parent 32c592b74e
commit 3cc7a5d44c
8 changed files with 145 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

21
components/lib/menu/style/MenuStyle.js
View file

@ -2,7 +2,6 @@ import BaseStyle from 'primevue/base/style';
const theme = ({ dt }) => `
.p-menu {
padding: ${dt('menu.padding')};
background: ${dt('menu.background')};
color: ${dt('menu.color')};
border: 1px solid ${dt('menu.border.color')};
@ -12,12 +11,18 @@ const theme = ({ dt }) => `
.p-menu-list {
margin: 0;
padding: 0;
outline: 0;
padding: ${dt('menu.list.padding')};
outline: 0 none;
list-style: none;
display: flex;
flex-direction: column;
gap: ${dt('menu.gap')};
gap: ${dt('menu.list.gap')};
}
.p-menu-item-content {
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('menu.item.border.radius')};
color: ${dt('menu.item.color')};
}
.p-menu-item-link {
@ -29,17 +34,11 @@ const theme = ({ dt }) => `
position: relative;
color: inherit;
padding: ${dt('menu.item.padding')};
user-select: none;
gap: ${dt('menu.item.gap')};
user-select: none;
outline: 0 none;
}
.p-menu-item-content {
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('menu.item.border.radius')};
color: ${dt('menu.item.color')};
}
.p-menu-item-label {
line-height: 1;
}