CSS tweaks for mobile
This commit is contained in:
parent
0a537b73ed
commit
383824c5e0
|
@ -20,22 +20,31 @@ h2 { border-bottom: solid #4f81bd 1px; }
|
|||
h3, h4 { margin: 0; padding: 0; }
|
||||
pre, code { background-color: #eee; font-family: "DejaVu Sans Mono", monospace; }
|
||||
code { font-size: 75%; }
|
||||
pre { padding: 0.33rem; line-height: 1; }
|
||||
pre { padding: 0.33rem; line-height: 1; overflow-x: auto; }
|
||||
|
||||
body {
|
||||
counter-reset: section 0 subsection 0 appendix 0;
|
||||
}
|
||||
h2:before, h3:before {
|
||||
font-size: 75%;
|
||||
}
|
||||
h2:before, h3:before {
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
right: 2.33em;
|
||||
font-size: 75%;
|
||||
text-align: right;
|
||||
width: 2em;
|
||||
margin-right: -2em;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 53.33em) {
|
||||
body {
|
||||
margin-left: 2.33em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
h2:before {
|
||||
counter-increment: section;
|
||||
content: counter(section) ". ";
|
||||
|
|
Loading…
Reference in New Issue