Skip to content

Commit

Permalink
MWPW-147759 - quiz option contrast fixes (#2745)
Browse files Browse the repository at this point in the history
MWPW-xxxx - quiz option contrast fixes

* adjusts the blue text color of selected option cards so they have enough accessible color contrast

Resolves: [MWPW-147759](https://jira.corp.adobe.com/browse/MWPW-147759)

**Test URLs:**
- Before: https://main--milo--adobecom.hlx.page/?martech=off
- After: https://<branch>--milo--adobecom.hlx.page/?martech=off
  • Loading branch information
colloyd committed Aug 19, 2024
1 parent 274a603 commit 4854f5c
Showing 1 changed file with 7 additions and 3 deletions.
10 changes: 7 additions & 3 deletions libs/blocks/quiz/quiz.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
:root {
--quiz-option-text-selected: #0b56af;
}

.quiz-page * {
box-sizing: border-box;
}
Expand Down Expand Up @@ -150,11 +154,11 @@ html[dir="rtl"] .quiz-option-icon {
}

.quiz-option.selected .quiz-option-title {
color: var(--link-hover-color-dark);
color: var(--quiz-option-text-selected);
}

.quiz-option.selected .quiz-option-text {
color: var(--link-hover-color-dark);
color: var(--quiz-option-text-selected);
font-weight: 700;
}

Expand Down Expand Up @@ -194,7 +198,7 @@ html[dir="rtl"] .quiz-option-icon {
}

.quiz-button-label {
color: var(--link-hover-color-dark);
color: var(--quiz-option-text-selected);
font-size: 18px;
font-weight: 700;
line-height: 22px;
Expand Down

0 comments on commit 4854f5c

Please sign in to comment.