Add header styling to a markdown block

mozilla · Feb 12, 2024 · b8240cf · b8240cf
1 parent a03aa25
commit b8240cf
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/src/components/Markdown.svelte b/src/components/Markdown.svelte
@@ -33,5 +33,28 @@
 {#if inline}
   {@html parseInline(text)}
 {:else}
-  {@html parse(text)}
+  <div>
+    {@html parse(text)}
+  </div>
 {/if}
+
+<style lang="scss">
+  div :global(h1 a),
+  div :global(h2 a),
+  div :global(h3 a),
+  div :global(h4 a),
+  div :global(h5 a)
+  {
+    color: black;
+    text-decoration: none;
+  }
+
+  div :global(h1 a:hover),
+  div :global(h2 a:hover),
+  div :global(h3 a:hover),
+  div :global(h4 a:hover),
+  div :global(h5 a:hover)
+  {
+    text-decoration: underline;
+  }
+</style>