diff options
| author | Miodec <[email protected]> | 2024-07-10 10:45:08 +0200 |
|---|---|---|
| committer | Miodec <[email protected]> | 2024-07-10 10:55:12 +0200 |
| commit | f49e7f1945e8a9b013c6f1703d3474e775c9fe82 (patch) | |
| tree | 1695be8c42e616c6c67a6a70770df9ee47dea7ff | |
| parent | c802d0781e84b21fe269191b9a56a22d865e1a52 (diff) | |
| download | monkeytype-f49e7f1945e8a9b013c6f1703d3474e775c9fe82.tar.gz monkeytype-f49e7f1945e8a9b013c6f1703d3474e775c9fe82.zip | |
fix: blind mode not working with highlight mode word
| -rw-r--r-- | frontend/src/styles/test.scss | 25 |
1 files changed, 17 insertions, 8 deletions
diff --git a/frontend/src/styles/test.scss b/frontend/src/styles/test.scss index 395e84b87..126bb2b78 100644 --- a/frontend/src/styles/test.scss +++ b/frontend/src/styles/test.scss @@ -295,6 +295,15 @@ animation: var(--correct-letter-animation); } } + // &.highlight-word { + // .word.typed.error, + // .word.active:has(letter.incorrect) { + // letter { + // color: var(--correct-letter-color); + // animation: var(--correct-letter-animation); + // } + // } + // } } &.flipped { @@ -340,8 +349,8 @@ animation: var(--correct-letter-animation); } } - .word.typed.error, - .word.active:has(letter.incorrect) { + &:not(.blind) .word.typed.error, + &:not(.blind) .word.active:has(letter.incorrect) { letter { color: var(--incorrect-letter-color); animation: var(--incorrect-letter-animation); @@ -363,8 +372,8 @@ animation: var(--correct-letter-animation); } } - .word.typed.error, - .word.active:has(letter.incorrect) { + &:not(.blind) .word.typed.error, + &:not(.blind) .word.active:has(letter.incorrect) { letter { color: var(--incorrect-letter-color); animation: var(--incorrect-letter-animation); @@ -387,8 +396,8 @@ animation: var(--correct-letter-animation); } } - .word.typed.error, - .word.active:has(letter.incorrect) { + &:not(.blind) .word.typed.error, + &:not(.blind) .word.active:has(letter.incorrect) { letter { color: var(--incorrect-letter-color); animation: var(--incorrect-letter-animation); @@ -412,8 +421,8 @@ animation: var(--correct-letter-animation); } } - .word.typed.error, - .word.active:has(letter.incorrect) { + &:not(.blind) .word.typed.error, + &:not(.blind) .word.active:has(letter.incorrect) { letter { color: var(--incorrect-letter-color); animation: var(--incorrect-letter-animation); |