Better responsiveness
This commit is contained in:
parent
7b4724f795
commit
6a56dad886
|
@ -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%;
|
||||
|
|
Loading…
Reference in New Issue