me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve font sizes during tests

Browse Source
This commit is contained in:
Matthew Grove
2021-11-27 16:45:12 +00:00
parent 2626343600
commit 9257c960ea
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/css/Progress.css
View File

@@ -9,7 +9,7 @@
max-width: 500px; max-width: 500px;
flex-grow: 1; flex-grow: 1;
margin-right: 8px; margin-right: 8px;
font-size: 24px; font-size: 36px;
} }
.answer-input-container.answer-input-container--answer-entered > input { .answer-input-container.answer-input-container--answer-entered > input {
@@ -25,7 +25,7 @@
} }
.current-prompt { .current-prompt {
font-size: 24px; font-size: 46px;
} }
.progress-end-incorrect-answers { .progress-end-incorrect-answers {
@@ -129,16 +129,37 @@
} }
@media screen and (max-width: 660px) { @media screen and (max-width: 880px) {
.current-prompt {
font-size: 36px;
}
.answer-input-container > input {
font-size: 32px;
}
}
@media screen and (max-width: 700px) {
.progress-settings-overlay-content > .settings-themes-container { .progress-settings-overlay-content > .settings-themes-container {
width: 100%; width: 100%;
} }
.current-prompt {
font-size: 30px;
}
.answer-input-container > input {
font-size: 26px;
}
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.progress-settings-overlay-content { .progress-settings-overlay-content {
width: 75%; width: 75%;
} }
.current-prompt {
font-size: 26px;
}
.answer-input-container > input {
font-size: 24px;
}
} }
@media screen and (max-height: 700px) { @media screen and (max-height: 700px) {