Header permalinks

ondrejmirtes · ondrejmirtes · commit ed07ef0b99fd · 2020-05-07T13:32:40.000+02:00
diff --git a/website/.eleventy.js b/website/.eleventy.js
@@ -22,6 +22,9 @@ module.exports = function (eleventyConfig) {
 	const markdownLib = markdownIt(options).disable('code');
 	markdownLib.use(require('markdown-it-anchor'), {
 		level: 2,
+		permalink: true,
+		permalinkSymbol: '#',
+		permalinkClass: 'header-anchor ml-1 text-gray-300 hover:text-black',
 	});
 
 	markdownLib.use(require('markdown-it-footnote'));
diff --git a/website/src/app.pcss b/website/src/app.pcss
@@ -77,6 +77,10 @@
 	@apply no-underline;
 }
 
+.content a.header-anchor {
+	@apply no-underline;
+}
+
 .content pre {
 	@apply mb-4 max-w-full overflow-x-auto;
 	tab-size: 4;
