saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #126 from dillonzq/feature/custom_toc_font_size

Browse Source 
feat(toc): add custom TOC font size
This commit is contained in:
Dillon
2020-03-09 22:01:12 +08:00
committed by GitHub
parent 2b0e59815e 1894403794
commit 9b4f4df6a5
6 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/_partial/_single/_toc.scss
View File

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

4
assets/css/_variables.scss
View File

@@ -71,6 +71,10 @@ $header-hover-color-dark: #fff !default;
// ========== Header ========== // // ========== Header ========== //
// ========== Single Content ========== // // ========== 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 // Color of the single link
$single-link-color: #2d96bd !default; $single-link-color: #2d96bd !default;
$single-link-color-dark: #eee !default; $single-link-color-dark: #eee !default;

2
assets/js/theme.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
assets/js/theme.min.js.map
View File

File diff suppressed because one or more lines are too long

2
resources/_gen/assets/scss/css/style.template.scss_b8ba9a60a151126bfcde1421dc0b972d.content
View File

File diff suppressed because one or more lines are too long

2
src/js/theme.js
View File

@@ -119,7 +119,7 @@
} }
const toc = document.getElementById('toc-auto'); const toc = document.getElementById('toc-auto');
const page = document.getElementsByClassName('page')[0]; 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._tocLinks = this._tocLinks || tocCore.getElementsByTagName('a');
this._tocLis = this._tocLis || tocCore.getElementsByTagName('li'); this._tocLis = this._tocLis || tocCore.getElementsByTagName('li');
this._headerLinks = this._headerLinks || document.getElementsByClassName('headerLink') || []; this._headerLinks = this._headerLinks || document.getElementsByClassName('headerLink') || [];