From 1a13f203de0ef42423874e8511b31414c136af6d Mon Sep 17 00:00:00 2001 From: Paul Valerie GOMA Date: Mon, 21 Jul 2025 22:55:25 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Adding=20the=20style=20of=20the?= =?UTF-8?q?=20primevue=20accordion=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/style/primevue-style/message.css | 87 +++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 src/assets/style/primevue-style/message.css diff --git a/src/assets/style/primevue-style/message.css b/src/assets/style/primevue-style/message.css new file mode 100644 index 0000000..4cae7fe --- /dev/null +++ b/src/assets/style/primevue-style/message.css @@ -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; +}