Better responsiveness
This commit is contained in:
parent
7b4724f795
commit
6a56dad886
|
@ -186,16 +186,27 @@ td {
|
||||||
color: #888;
|
color: #888;
|
||||||
line-height: 141.4%;
|
line-height: 141.4%;
|
||||||
}
|
}
|
||||||
table.postcard-grammar { background: #e9f0f9; }
|
table.postcard-grammar {
|
||||||
@media screen and (max-width: 768px) { table.postcard-grammar { font-size: 0.75rem; } }
|
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.binarysyntax { color: black; }
|
||||||
|
|
||||||
.postcard-grammar tr > *:nth-child(1) { text-align: right; }
|
.postcard-grammar tr > *:nth-child(1) { text-align: right; }
|
||||||
.postcard-grammar.textsyntax tr > *:nth-child(1) { width: 7em; }
|
.postcard-grammar.textsyntax tr > *:nth-child(1) { width: 7em; }
|
||||||
.postcard-grammar.binarysyntax tr > *:nth-child(1) { width: 13em; }
|
.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) {
|
@media screen and (max-width: 580px) {
|
||||||
.postcard-grammar.binarysyntax tr > *:nth-child(1) { width: auto; }
|
.postcard-grammar.binarysyntax tr > *:nth-child(1) { width: auto; }
|
||||||
}
|
}
|
||||||
.postcard-grammar tr > *:nth-child(2) { width: 1em; text-align: center; }
|
|
||||||
.postcard-grammar sup {
|
.postcard-grammar sup {
|
||||||
color: #040;
|
color: #040;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
|
Loading…
Reference in New Issue