Commit 10fa0d2a authored by Kaushal Modi's avatar Kaushal Modi

Improve styling ox-hugo-toc heading and content

parent 2b5ee525
......@@ -106,6 +106,7 @@
--grey: #515151;
--grey-light: rgba(81, 81, 81, 0.5); /* Same as the --grey color #515151, but in decimal, with 50% opacity */
--grey-2: #313131;
--grey-bg: rgba(136, 136, 136, 0.3);
--title-heading-color: #212121;
--blinking-cursor-color: #212121;
--mono: 'Iosevka', 'Lucida Console', Monaco, 'Courier New', monospace;
......@@ -1786,11 +1787,26 @@ pre code.language-xml::before { content: 'XML'; }
}
.ox-hugo-toc {
border-top: 2px solid var(--grey-light);
border-bottom: 2px solid var(--grey-light);
font-size: 0.9em;
border: 2px dotted var(--grey-light);
background: var(--grey-bg);
max-width: 90%; /* Make the TOC div narrower than body */
margin-left: 5%; /* Sort of center align it: 5 + 90 + 5 */
margin-bottom: 2rem;
}
/* Make ox-hugo-toc heading look the same as h2 headings */
.ox-hugo-toc .heading {
color: var(--grey-2);
letter-spacing: -.025rem;
text-rendering: optimizeLegibility;
font-family: var(--sans-serif-1);
margin-top: 1rem;
font-size: 1.8em;
font-weight: bold;
text-align: center;
}
/* For wide screens, show the dynamic toc on the right (hugotoc),
and hide the in-body ox-hugo-toc. */
@media screen and (min-width: 1400px) {
......@@ -2046,7 +2062,7 @@ footer .social,
/* Highlight for fragmentions */
[fragmention] {
background: rgba(136, 136, 136, 0.3);
background: var(--grey-bg);
}
/* Search */
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment