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

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-21 22:55:25 +02:00
parent e8279f10dc
commit 1a13f203de
1 changed files with 87 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/assets/style/primevue-style/message.css Normal file
View File

@ -0,0 +1,87 @@
:root {
--p-message-simple-content-padding: 0;
--p-message-outlined-border-width: var(--border-width);
--p-message-close-icon-size: 1rem;
--p-message-close-icon-lg-size: 1.125rem;
--p-message-close-icon-sm-size: 0.875rem;
--p-message-close-button-width: 1.75rem;
--p-message-close-button-height: 1.75rem;
--p-message-close-button-border-radius: 0px;
--p-message-close-button-focus-ring-width: var(--focus-width);
--p-message-close-button-focus-ring-style: var(--focus-style);
--p-message-close-button-focus-ring-offset: var(--focus-offset);
--p-message-icon-size: calc(0.125rem + var(--text-body-MD-standard-text-Regular-size));
--p-message-icon-lg-size: calc(0.125rem + var(--text-body-MD-standard-text-Regular-size));
--p-message-icon-sm-size: calc(0.125rem + var(--text-body-XS-mention-text-Regular-size));
--p-message-text-font-size: var(--text-body-MD-standard-text-Regular-size);
--p-message-text-font-weight: var(--text-body-XS-mention-text-Regular-weight);
--p-message-text-lg-font-size: var(--text-body-MD-standard-text-Regular-size);
--p-message-text-sm-font-size: var(--text-body-XS-mention-text-Regular-size);
--p-message-content-padding: 0.5rem 0.75rem;
--p-message-content-gap: 0.75rem;
--p-message-content-lg-padding: 0.625rem 0.875rem;
--p-message-content-sm-padding: 0.375rem 0.625rem;
--p-message-border-radius: 0px;
--p-message-border-width: var(--border-width);
--p-message-transition-duration: var(--transition-duration);
/* --p-message-contrast-background:
--p-message-contrast-border-color:
--p-message-contrast-color:
--p-message-contrast-shadow:
--p-message-contrast-simple-color:
--p-message-contrast-outlined-color:
--p-message-contrast-outlined-border-color:
--p-message-contrast-close-button-hover-background:
--p-message-contrast-close-button-focus-ring-color:
--p-message-contrast-close-button-focus-ring-shadow: */
--p-message-secondary-background: none;
--p-message-secondary-border-color: none;
--p-message-secondary-color: none;
--p-message-secondary-shadow: none;
--p-message-secondary-simple-color: var(--text-mention-grey);
--p-message-secondary-outlined-color: none;
--p-message-secondary-outlined-border-color: none;
--p-message-secondary-close-button-hover-background: none;
--p-message-secondary-close-button-focus-ring-color: none;
--p-message-secondary-close-button-focus-ring-shadow: none;
--p-message-error-background: color-mix(in srgb,var(--background-contrast-error),transparent 5%);
--p-message-error-border-color: var(--border-plain-error);
--p-message-error-color: var(--text-default-grey);
--p-message-error-shadow: none;
--p-message-error-simple-color: var(--text-default-grey);
--p-message-error-outlined-color: none;
--p-message-error-outlined-border-color: none;
--p-message-error-close-button-hover-background: none;
--p-message-error-close-button-focus-ring-color: none;
--p-message-error-close-button-focus-ring-shadow: none;
--p-message-warn-background: color-mix(in srgb,var(--background-contrast-warning),transparent 5%);
--p-message-warn-border-color: var(--border-plain-warning);
--p-message-warn-color: var(--text-default-grey);
--p-message-warn-shadow: none;
--p-message-warn-simple-color: var(--text-default-grey);
--p-message-warn-outlined-color: none;
--p-message-warn-outlined-border-color: none;
--p-message-warn-close-button-hover-background: none;
--p-message-warn-close-button-focus-ring-color: none;
--p-message-warn-close-button-focus-ring-shadow: none;
--p-message-success-background: color-mix(in srgb,var(--background-contrast-success),transparent 5%);
--p-message-success-border-color: var(--border-plain-success);
--p-message-success-color: var(--text-default-grey);
--p-message-success-shadow: none;
--p-message-success-simple-color: var(--text-default-grey);
--p-message-success-outlined-color: var(none);
--p-message-success-outlined-border-color: var(none);
--p-message-success-close-button-hover-background: none;
--p-message-success-close-button-focus-ring-color: none;
--p-message-success-close-button-focus-ring-shadow: none;
--p-message-info-background: color-mix(in srgb,var(--background-contrast-info),transparent 5%);
--p-message-info-border-color: var(--border-plain-info);
--p-message-info-color: var(--text-default-grey);
--p-message-info-shadow: none;
--p-message-info-simple-color: var(--text-default-grey);
--p-message-info-outlined-color: none;
--p-message-info-outlined-border-color: none;
--p-message-info-close-button-hover-background: none;
--p-message-info-close-button-focus-ring-color: none;
--p-message-info-close-button-focus-ring-shadow: none;
}