css: make the toc nicer to look at on mobile devices

hslick-master
Leah Rowe 2022-02-17 04:13:03 +00:00
parent 45ebe644fa
commit 853fef534f
1 changed files with 3 additions and 6 deletions

View File

@ -43,11 +43,6 @@ a {color:#fcc}
} }
.title>*, span.date {display:block} .title>*, span.date {display:block}
#TOC {float:left; margin:1em}
html,ul,#TOC {padding:1em}
.date,.author,.h a {display:none}
@media (min-width:60em) { @media (min-width:60em) {
.title-logo{display:none} .title-logo{display:none}
div.title,h1.title { div.title,h1.title {
@ -57,8 +52,10 @@ html,ul,#TOC {padding:1em}
} }
div.title {background-position:right} div.title {background-position:right}
h1.title {padding:0 4em} h1.title {padding:0 4em}
#TOC{min-width:25%} #TOC {float:left; margin:1em; min-width:25%}
} }
html,ul,#TOC {padding:1em}
.date,.author,.h a {display:none}
</style> </style>
$if(quotes)$ $if(quotes)$
<style type="text/css">q { quotes: "“" "”" "" ""; }</style> <style type="text/css">q { quotes: "“" "”" "" ""; }</style>