Add anchor links with styling

gamingrobot · Jun 5, 2024 · a508976 · a508976
1 parent 53b7478
commit a508976
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/content/posts/_index.md b/content/posts/_index.md
@@ -4,6 +4,7 @@ sort_by = "date"
 template = "posts.html"
 transparent = true
 in_search_index = false
+insert_anchor_links = "right"
 [extra]
 hide_copyright = true
 +++
diff --git a/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_base.scss b/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_base.scss
@@ -46,6 +46,27 @@ h5 {
 	font-size: $h5-font-size;
 }
 
+h2,
+h3,
+h4 {
+	.zola-anchor {
+		@include link-no-decoration();
+		visibility: hidden;
+		cursor: pointer;
+		vertical-align: middle;
+		font-size: 50%;
+		margin-left: 0.2rem;
+	}
+
+	&:hover {
+		.zola-anchor {
+			@include link-no-decoration();
+			visibility: visible;
+			//animation: fade-in 5s ease-in-out;
+		}
+	}
+}
+
 figure {
 	max-width: 100%;
 	margin: 0;