monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-03-03 18:25:02 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: blind mode not working with highlight mode word

Browse source
This commit is contained in:
Miodec 2024-07-10 10:45:08 +02:00
parent c802d0781e
commit f49e7f1945
1 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/styles/test.scss
View file

@ -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);