Add table of contents style

This commit is contained in:
Helen Chong 2024-04-13 03:08:56 +08:00
parent 0287c70769
commit fb11aaa8a9
1 changed files with 70 additions and 1 deletions

View File

@ -196,7 +196,7 @@ button:hover {
} }
button:focus, button:focus,
detail:focus { details:focus {
outline-offset: 0.2em; outline-offset: 0.2em;
} }
@ -459,6 +459,75 @@ article, .content-container {
gap: 0.5rem; gap: 0.5rem;
} }
/* Article Table of Contents */
.toc {
background-color: var(--clr-quote-bg);
max-width: max-content;
padding: 1rem 1.3rem 0.3rem 1.3rem;
margin-top: 1rem;
outline: 1px solid var(--clr-title-border);
position: relative;
border-radius: 0.4rem;
}
.toc-heading {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.5rem;
margin-right: 2rem;
cursor: pointer;
}
.toc ol {
border-top: 1px solid var(--clr-title-border);
padding: 0.8em 0 0 1em;
line-height: 1.8;
}
.toc ol ol {
list-style-type: disc;
line-height: 1.5;
padding-left: 1em;
}
.toc a {
font-size: 1.1rem;
padding-left: 0.4rem;
}
.toc ol ol a {
padding: 0;
font-size: 1rem;
}
/* Sidebar Table of Contents */
.sidebar__toc {
position: sticky;
top: 4rem;
}
.sidebar__toc--title {
font-size: 1.3rem;
font-weight: bold;
}
.sidebar__toc ol {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
}
.sidebar__toc ol li {
margin-bottom: 0.5em;
}
.sidebar__toc ol ol {
padding-top: 0.5em;
padding-left: 1.25rem;
list-style-type: disc;
}
/* Pride flag backgrounds */ /* Pride flag backgrounds */
.flag-ace { .flag-ace {
background: repeating-linear-gradient( background: repeating-linear-gradient(