monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

checking flipped and colorful mode

Browse source 
also disabling animation
closes #3531
This commit is contained in:
Miodec 2022-09-11 14:06:31 +02:00
parent a50de54ffe
commit 69dd84006f
3 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/static/funbox/read_ahead.css
View file

@ -1,4 +1,23 @@
#words .word.active:nth-of-type(n + 2),
#words .word.active:nth-of-type(n + 2) + .word {
color: transparent;
animation: none;
}
#words.flipped .word.active:nth-of-type(n + 2),
#words.flipped .word.active:nth-of-type(n + 2) + .word {
color: transparent;
animation: none;
}
#words.colorfulMode .word.active:nth-of-type(n + 2),
#words.colorfulMode .word.active:nth-of-type(n + 2) + .word {
color: transparent;
animation: none;
}
#words.flipped.colorfulMode .word.active:nth-of-type(n + 2),
#words.flipped.colorfulMode .word.active:nth-of-type(n + 2) + .word {
color: transparent;
animation: none;
}

16
frontend/static/funbox/read_ahead_easy.css
View file

@ -1,3 +1,19 @@
#words .word.active:nth-of-type(n + 2) {
color: transparent;
animation: none;
}
#words.flipped .word.active:nth-of-type(n + 2) {
color: transparent;
animation: none;
}
#words.colorfulMode .word.active:nth-of-type(n + 2) {
color: transparent;
animation: none;
}
#words.colorfulMode.flipped .word.active:nth-of-type(n + 2) {
color: transparent;
animation: none;
}

22
frontend/static/funbox/read_ahead_hard.css
View file

@ -2,4 +2,26 @@
#words .word.active:nth-of-type(n + 2) + .word,
#words .word.active:nth-of-type(n + 2) + .word + .word {
color: transparent;
animation: none;
}
#words.flipped .word.active:nth-of-type(n + 2),
#words.flipped .word.active:nth-of-type(n + 2) + .word,
#words.flipped .word.active:nth-of-type(n + 2) + .word + .word {
color: transparent;
animation: none;
}
#words.colorfulMode .word.active:nth-of-type(n + 2),
#words.colorfulMode .word.active:nth-of-type(n + 2) + .word,
#words.colorfulMode .word.active:nth-of-type(n + 2) + .word + .word {
color: transparent;
animation: none;
}
#words.colorfulMode.flipped .word.active:nth-of-type(n + 2),
#words.colorfulMode.flipped .word.active:nth-of-type(n + 2) + .word,
#words.colorfulMode.flipped .word.active:nth-of-type(n + 2) + .word + .word {
color: transparent;
animation: none;
}