Remove anchor symbol next to headings #1

content/_index.md

@@ -1,5 +1,4 @@
 +++
-insert_anchor_links = "left"
 title = "Home"
 +++
 

sass/_zola-anchor.scss

@@ -1,62 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	&:hover .zola-anchor {
-		transform: translateY(-0.125em);
-		opacity: 1;
-
-		:root[dir*="rtl"] & {
-			transform: translateY(-0.125em);
-		}
-	}
-}
-
-.zola-anchor {
-	position: absolute;
-	transform: translateX(0.5rem) translateY(-0.125em);
-	opacity: 0;
-	transition: var(--transition);
-	margin-inline-start: calc(-1em + -0.5rem);
-	color: var(--fg-muted-4);
-	line-height: 1;
-
-	@media only screen and (max-width: 832px) {
-		display: none;
-	}
-
-	:root[dir*="rtl"] & {
-		transform: translateX(-0.5rem) translateY(-0.125em);
-	}
-
-	&:hover {
-		color: var(--accent-color);
-	}
-
-	&:active {
-		transform: var(--active);
-	}
-
-	&:focus-visible {
-		opacity: 1;
-	}
-
-	.icon {
-		-webkit-mask-image: var(--icon-link);
-		mask-image: var(--icon-link);
-		mask-size: cover;
-		transition: var(--transition);
-		width: 1em;
-		height: 1em;
-
-		:root[dir*="rtl"] & {
-			transform: scaleX(-1);
-		}
-	}
-}
-
-:target .zola-anchor {
-	color: var(--accent-color-alpha);
-}

sass/style.scss

@@ -38,4 +38,3 @@
 @use "title";
 @use "typography";
 @use "visually-hidden";
-@use "zola-anchor";

templates/anchor-link.html

@@ -1 +0,0 @@
-<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}"><i class="icon"></i></a>