Better responsiveness

This commit is contained in:
Tony Garnock-Jones 2023-10-17 10:01:07 +02:00
parent 7b4724f795
commit 6a56dad886
1 changed files with 14 additions and 3 deletions

View File

@ -186,16 +186,27 @@ td {
color: #888;
line-height: 141.4%;
}
table.postcard-grammar { background: #e9f0f9; }
@media screen and (max-width: 768px) { table.postcard-grammar { font-size: 0.75rem; } }
table.postcard-grammar {
background: #e9f0f9;
}
@media screen and (max-width: 768px) {
table.postcard-grammar {
font-size: 0.75rem;
margin-left: -2rem;
width: calc(100% + 2rem);
}
}
.postcard-grammar.binarysyntax { color: black; }
.postcard-grammar tr > *:nth-child(1) { text-align: right; }
.postcard-grammar.textsyntax tr > *:nth-child(1) { width: 7em; }
.postcard-grammar.binarysyntax tr > *:nth-child(1) { width: 13em; }
.postcard-grammar tr > *:nth-child(2) { width: 1em; text-align: center; }
.postcard-grammar.binarysyntax tr > *:nth-child(4) { width: 9.5em; }
@media screen and (max-width: 580px) {
.postcard-grammar.binarysyntax tr > *:nth-child(1) { width: auto; }
}
.postcard-grammar tr > *:nth-child(2) { width: 1em; text-align: center; }
.postcard-grammar sup {
color: #040;
font-size: 90%;