Improve left margin ToC

This commit is contained in:
Jonas Schäfer 2019-04-04 17:36:59 +02:00
parent d9cf90bfa0
commit 98f3ddddb0
1 changed files with 41 additions and 6 deletions

View File

@ -1192,11 +1192,9 @@
@media screen {
body {
max-width: 60em;
margin-left: auto;
margin-right: auto;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 12pt;
}
a.standardsButton {
@ -1383,7 +1381,7 @@
body {
margin-right: 0;
margin-left: auto;
max-width: 60em;
max-width: 60rem;
}
nav#toc {
@ -1391,8 +1389,9 @@
left: 0;
top: 0;
bottom: 0;
width: 15em;
width: calc((100vw - 60em) - 2em);
width: 15rem;
width: calc((100vw - 60rem) - 2rem);
max-width: 30rem;
padding: 0.5em;
overflow-y: scroll;
}
@ -1402,6 +1401,42 @@
line-height: 1.16667;
margin: 0 0 1.16667em 0;
}
nav#toc ol,
nav#toc li {
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
nav#toc ol.toc li {
background-color: rgba(0, 0, 0, 0.1);
}
nav#toc ol.toc li:before {
content: '';
counter-increment: none;
}
nav#toc > ol.toc {
margin-left: -0.5em;
margin-right: -0.5em;
}
nav#toc ol.toc li a {
display: block;
padding: 0.5em;
}
nav#toc ol.toc li a:before {
content: counters(item, ".") ". ";
counter-increment: item;
color: #444444;
}
nav#toc ol.toc li a:hover:before {
color: white;
}
}
@media screen and ( min-width: 90em ) {
@ -1411,7 +1446,7 @@
}
nav#toc {
width: calc((100vw - 60em) / 2 - 2em);
width: calc((100vw - 60rem) / 2 - 2em);
}
}