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 Chip

Browse source
This commit is contained in:
Cagatay Civici 2024-05-09 21:55:56 +03:00
parent 6b84e29b96
commit 4654a8d0af
3 changed files with 43 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/lib/chip/style/ChipStyle.js
View file

@ -11,6 +11,13 @@ const theme = ({ dt }) => `
gap: ${dt('chip.gap')};
}
.p-chip-icon {
color: ${dt('chip.icon.color')};
font-size: ${dt('chip.icon.font.size')};
width: ${dt('chip.icon.size')};
height: ${dt('chip.icon.size')};
}
.p-chip-image {
border-radius: 50%;
width: ${dt('chip.image.width')};
@ -29,8 +36,12 @@ const theme = ({ dt }) => `
.p-chip-remove-icon {
cursor: pointer;
border-radius: ${dt('chip.remove.icon.border.radius')};
transition: outline-color ${dt('transition.duration')}, box-shadow-color ${dt('transition.duration')};
font-size: ${dt('chip.remove.icon.font.size')};
width: ${dt('chip.remove.icon.size')};
height: ${dt('chip.remove.icon.size')};
color: ${dt('chip.remove.icon.color')};
border-radius: 50%;
transition: outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
outline-color: transparent;
}