vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6691 - For Chip

pull/6697/head
tugcekucukoglu 2024-10-31 12:05:53 +03:00
parent 5ab7bf7baa
commit 502a63c2a5
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/primevue/src/chip/style/ChipStyle.js
View File

@ -7,7 +7,8 @@ const theme = ({ dt }) => `
background: ${dt('chip.background')}; background: ${dt('chip.background')};
color: ${dt('chip.color')}; color: ${dt('chip.color')};
border-radius: ${dt('chip.border.radius')}; border-radius: ${dt('chip.border.radius')};
padding: ${dt('chip.padding.y')} ${dt('chip.padding.x')}; padding-block: ${dt('chip.padding.y')};
padding-inline: ${dt('chip.padding.x')};
gap: ${dt('chip.gap')}; gap: ${dt('chip.gap')};
} }
@ -22,16 +23,16 @@ const theme = ({ dt }) => `
border-radius: 50%; border-radius: 50%;
width: ${dt('chip.image.width')}; width: ${dt('chip.image.width')};
height: ${dt('chip.image.height')}; height: ${dt('chip.image.height')};
margin-left: calc(-1 * ${dt('chip.padding.y')}); margin-inline-start: calc(-1 * ${dt('chip.padding.y')});
} }
.p-chip:has(.p-chip-remove-icon) { .p-chip:has(.p-chip-remove-icon) {
padding-right: ${dt('chip.padding.y')}; padding-inline-end: ${dt('chip.padding.y')};
} }
.p-chip:has(.p-chip-image) { .p-chip:has(.p-chip-image) {
padding-top: calc(${dt('chip.padding.y')} / 2); padding-block-start: calc(${dt('chip.padding.y')} / 2);
padding-bottom: calc(${dt('chip.padding.y')} / 2); padding-block-end: calc(${dt('chip.padding.y')} / 2);
} }
.p-chip-remove-icon { .p-chip-remove-icon {