From b0d8eda0f446f4a5ad5f0411f7757f66421f6c5b Mon Sep 17 00:00:00 2001 From: Beverly Nguyen Date: Thu, 27 Mar 2025 14:41:45 -0700 Subject: [PATCH] css update pill label --- .../sass/uswds/_uswds-theme-custom-styles.scss | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index 8a431d14e..ef50b9394 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -591,11 +591,25 @@ td.table-empty-message { .big-number-smallest { font-size: units(3); } + .pill-item__label { + color: white; + } &:not(.pill-item--selected):hover { background: color('blue-warm-70v'); + + .pill-item__label { + color: white; + } } - &.pill-item--selected:hover { - color: color('blue-60v'); + &.pill-item--selected { + .pill-item__label { + color: color('blue-60v'); + } + &:hover { + .pill-item__label { + color: color('blue-60v'); + } + } } } }