diff options
| author | Robert Kaussow <mail@thegeeklab.de> | 2022-07-11 15:50:45 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-07-11 15:50:45 +0300 |
| commit | 6a827d20f9c1919f8176304d0d4219a4102552db (patch) | |
| tree | 8e0f87759a2c78f4199d255304e3e3b7cac7f161 | |
| parent | c1f15c2162a30d020f66e200be366905bfbe3b25 (diff) | |
chore: slightly rework headline anchor (#277)
| -rw-r--r-- | layouts/_default/_markup/render-heading.html | 8 | ||||
| -rw-r--r-- | src/sass/_base.scss | 4 |
2 files changed, 7 insertions, 5 deletions
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html index 779f3f2..35d7367 100644 --- a/layouts/_default/_markup/render-heading.html +++ b/layouts/_default/_markup/render-heading.html @@ -3,13 +3,13 @@ <!-- prettier-ignore-start --> {{- if $showAnchor -}} -<div class="gblog-post__anchorwrap flex align-center"> +<div class="gblog-post__anchorwrap"> <h{{ .Level }} id="{{ .Anchor | safeURL }}"> {{ .Text | safeHTML }} + <a data-clipboard-text="{{ .Page.Permalink }}#{{ .Anchor | safeURL }}" class="gblog-post__anchor clip flex align-center" aria-label="Anchor {{ .Text | safeHTML }}" href="#{{ .Anchor | safeURL }}"> + <svg class="gblog-icon gblog_link"><use xlink:href="#gblog_link"></use></svg> + </a> </h{{ .Level }}> - <a data-clipboard-text="{{ .Page.Permalink }}#{{ .Anchor | safeURL }}" class="gblog-post__anchor clip flex align-center" aria-label="Anchor {{ .Text | safeHTML }}" href="#{{ .Anchor | safeURL }}"> - <svg class="gblog-icon gblog_link"><use xlink:href="#gblog_link"></use></svg> - </a> </div> {{- else -}} <div class="gblog-post__anchorwrap"> diff --git a/src/sass/_base.scss b/src/sass/_base.scss index 25afe7b..8ed90c1 100644 --- a/src/sass/_base.scss +++ b/src/sass/_base.scss @@ -111,7 +111,9 @@ h3, h4, h5, h6 { - font-weight: 600; + font-weight: $body-font-weight; + display: flex; + align-items: center; } h4, |