michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 14:27:49 +00:00
Code Issues Projects Releases Wiki Activity

Fixate the ToC on the left side and show only on wide screens

Browse Source
This commit is contained in:
Philipp Oppermann
2016-07-17 16:22:31 +02:00
parent 4000c990f0
commit f4b84d55e2
1 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
static/css/main.css
View File

@@ -114,3 +114,43 @@ sup, sub {
a.anchorjs-link:hover { a.anchorjs-link:hover {
text-decoration: none; text-decoration: none;
} }
aside#toc {
display: none;
}
@media (min-width: 80rem) {
aside#toc {
display: block;
width: 15em;
position: fixed;
left:1rem;
top: 4rem;
font-size: 90%;
line-height: 1.1;
}
aside#toc:before {
content: "Table of Contents";
font-weight: bold;
}
aside#toc ol {
margin: 0 0 .2rem 0;
padding: 0 0 0 1rem;
list-style:none;
}
aside#toc ol li:before {
content: "";
border-color: transparent #008eef;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}
}