Merge pull request #126 from dillonzq/feature/custom_toc_font_size

feat(toc): add custom TOC font size
This commit is contained in:
Dillon 2020-03-09 22:01:12 +08:00 committed by GitHub
commit 9b4f4df6a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 16 additions and 5 deletions

View file

@ -83,7 +83,6 @@
display: block;
display: flex;
justify-content: space-between;
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
padding: 0 .625rem;
@ -133,6 +132,14 @@
}
.toc {
.toc-title {
font-size: $toc-title-font-size;
}
.toc-content {
font-size: $toc-content-font-size;
}
ruby {
background: $code-background-color;

View file

@ -71,6 +71,10 @@ $header-hover-color-dark: #fff !default;
// ========== Header ========== //
// ========== Single Content ========== //
// Font size of the TOC
$toc-title-font-size: 1.2rem !default;
$toc-content-font-size: 0.9rem !default;
// Color of the single link
$single-link-color: #2d96bd !default;
$single-link-color-dark: #eee !default;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -119,7 +119,7 @@
}
const toc = document.getElementById('toc-auto');
const page = document.getElementsByClassName('page')[0];
toc.style.maxWidth = `${page.getBoundingClientRect().left - 40}px`;
toc.style.maxWidth = `${page.getBoundingClientRect().left - 20}px`;
this._tocLinks = this._tocLinks || tocCore.getElementsByTagName('a');
this._tocLis = this._tocLis || tocCore.getElementsByTagName('li');
this._headerLinks = this._headerLinks || document.getElementsByClassName('headerLink') || [];