diff --git a/_includes/markdown-it-accessible-anchor.js b/_includes/markdown-it-accessible-anchor.js index e4f847a..61ad29d 100644 --- a/_includes/markdown-it-accessible-anchor.js +++ b/_includes/markdown-it-accessible-anchor.js @@ -16,7 +16,7 @@ const slugify = (s) => const defaultOptions = { divClass: 'heading-wrapper', anchorClass: 'anchor-link', - linkIcon: '#', + linkIcon: '🔗', }; const targets = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']; diff --git a/scss/style.scss b/scss/style.scss index 43e10e8..2787ee3 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -47,6 +47,16 @@ p { } } +div.heading-wrapper { + position: relative; +} + +a.anchor-link { + position: absolute; + right: calc(100% + .5em); + top: .5em; +} + sup.footnote-ref a { font-size: 1em; }