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 tag component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-23 13:46:18 +02:00
parent b982ed6597
commit ac84bf3e8a
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/style/primevue-style/tag.css Normal file
View File

@ -0,0 +1,23 @@
:root {
--p-tag-icon-size: var(--text-body-MD-standard-text-Regular-size);
--p-tag-font-size: var( --text-body-SM-detail-text-Maj-size);;
--p-tag-font-weight: var( --text-body-SM-detail-text-Maj-weight);
--p-tag-padding: 0.25rem 0.5rem;
--p-tag-gap: 0.25rem;
--p-tag-border-radius: 0.25rem;
/* --p-tag-rounded-border-radius:
--p-tag-contrast-background: */
--p-tag-contrast-color: var(--p-surface-0);
--p-tag-danger-background: var(--background-contrast-error);
--p-tag-danger-color: var(--text-default-error);
--p-tag-warn-background: var(--background-contrast-warning);
--p-tag-warn-color: var(--text-default-warning);
--p-tag-info-background: var(--background-contrast-info);
--p-tag-info-color: var(--text-default-info);
--p-tag-success-background: var(--background-contrast-success);
--p-tag-success-color: var(--text-default-success);
--p-tag-secondary-background: var(--illustration-color-950-tournesol-default);
--p-tag-secondary-color: var(--illustration-color-sun-tournesol-default);
--p-tag-primary-background: var(--illustration-color-950-glycine-default);
--p-tag-primary-color: var(--illustration-color-sun-glycine-default);
}