diff options
| author | Track3 <34504964+Track3@users.noreply.github.com> | 2019-01-27 12:20:29 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-01-27 12:20:29 +0800 |
| commit | 545a122d6c17a541cc161b9660a1d590d7edf52d (patch) | |
| tree | 2c52f6a5bc0fcbdd94507aac54366a38aaa76f55 /assets | |
| parent | 503a9a3934c2515a17c88a4fc28d6d93514c6ad9 (diff) | |
| download | hermit-545a122d6c17a541cc161b9660a1d590d7edf52d.tar.gz | |
Add anchor links to heading (#38)
* Closes #36
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/style.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 12d550c..3aa5ea4 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -22,6 +22,7 @@ html { background: $light-grey; line-height: 1.6; letter-spacing: .06em; + scroll-behavior: smooth; } body, @@ -534,6 +535,39 @@ hr.post-end { padding: 0; margin-left: 1.8em; } + + a.anchor { + float: left; + margin-left: -20px; + padding-right: 6px; + box-shadow: none; + opacity: .8; + &:hover { + background: none; + color: $theme; + opacity: 1; + } + + svg { + display: inline-block; + width: 14px; + height: 14px; + vertical-align: baseline; + visibility: hidden; + } + &:focus svg { + visibility: visible; + } + } + + h1:hover a.anchor svg, + h2:hover a.anchor svg, + h3:hover a.anchor svg, + h4:hover a.anchor svg, + h5:hover a.anchor svg, + h6:hover a.anchor svg { + visibility: visible; + } } .footnotes { |