moparisthebest
/
xeps
mirror of https://github.com/moparisthebest/xeps
1
0
Fork 0
Code Issues Releases Wiki Activity

Re-work ToC/main split logic

This commit is contained in:
Jonas Schäfer 2019-04-04 18:13:45 +02:00
parent 62eea6eee1
commit 90c6491854
1 changed files with 5 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
xmpp.v2.css
View File

@ -1194,6 +1194,7 @@
body { body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 60rem;
font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-family: "Droid Sans", Arial, Helvetica, sans-serif;
} }
@ -1392,10 +1393,8 @@
} }
@media screen and ( min-width: 75em ) { @media screen and ( min-width: 75em ) {
body { html {
margin-right: 0; padding-left: 17rem;
margin-left: auto;
max-width: 60rem;
} }
nav#toc { nav#toc {
@ -1403,9 +1402,8 @@
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 15rem; width: calc((100vw - 45rem) / 2 - 2rem);
width: calc((100vw - 60rem) - 2rem); max-width: 20rem;
max-width: 30rem;
padding: 0.5em; padding: 0.5em;
overflow-y: scroll; overflow-y: scroll;
} }
@ -1477,17 +1475,6 @@
} }
} }
@media screen and ( min-width: 90em ) {
body {
margin-left: auto;
margin-right: auto;
}
nav#toc {
width: calc((100vw - 60rem) / 2 - 2em);
}
}
@media screen and ( max-width: 60em ) { @media screen and ( max-width: 60em ) {
body { body {
padding: 0.5em; padding: 0.5em;