wheatley's heading style changes

Small-Fish-Dev · Mar 24, 2024 · 5b5dfd2 · 5b5dfd2
1 parent a0b14ab
commit 5b5dfd2
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/lib/components/Heading.svelte b/src/lib/components/Heading.svelte
@@ -20,7 +20,7 @@
 </script>
 
 <div>
-	<a class="decoration-blue decoration-4 underline-offset-4" href={`#${title}`} target="_self">
+	<a class="no-underline" href={`#${title}`} target="_self">
 		<svelte:element this={h} id={title} class:caption>{title}</svelte:element></a
 	>
 	{#if caption}
@@ -33,6 +33,18 @@
 		margin-bottom: 0px;
 	}
 
+	h3,
+	h4 {
+		color: blue;
+	}
+
+	h2 {
+		text-decoration: underline;
+		text-decoration-color: blue;
+		text-decoration-thickness: 4px;
+		text-underline-offset: 4px;
+	}
+
 	p {
 		margin-top: 0px;
 	}