alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: copy hyperlinks of headings in blogpost

Browse source
This commit is contained in:
Alexander Daichendt 2022-07-31 15:11:04 +02:00
parent d7922b47fa
commit 092f8589a3
2 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
mdsvex.config.js
View file

@ -16,7 +16,7 @@ const config = defineConfig({
},
remarkPlugins: [remarkGFM, remarkEmoji, remarkFootnotes],
rehypePlugins: [rehypeSlug, rehypeAutolinkHeadings],
rehypePlugins: [rehypeSlug, [rehypeAutolinkHeadings, { behaviour: 'append' }]],
});
export default config;

18
src/lib/layouts/blog.svelte
View file

@ -41,4 +41,22 @@
font-size: 0.8rem;
margin-bottom: 1rem;
}
:global(h1, h2, h3, h4) {
display: flex;
align-items: center;
justify-content: flex-start;
}
:global(h1 a, h2 a, h3 a, h4 a) {
text-decoration: none;
font-size: 0.7em;
margin-left: 0.5rem;
opacity: 0;
transition: opacity 0.2s ease-in-out 0.1s;
}
:global(h1:hover a, h2:hover a, h3:hover a, h4:hover a) {
opacity: 0.8;
}
:global(.icon-link::before) {
content: '🔗';
}
</style>