some styling + headline refactoring

2024-10-10 21:46:58 -05:00
parent c0909c2cf3
commit 4086d24f28
3 changed files with 44 additions and 1 deletions
--- a/src/lib/components/headline.svelte
+++ b/src/lib/components/headline.svelte
@ -0,0 +1,15 @@
+<header>
+  <h1><slot /></h1>
+</header>
+
+<style>
+  h1 {
+    text-align: center;
+  }
+
+  header {
+    background-color: var(--color-dark);
+    color: var(--color-light);
+    padding: 0.5em 1em;
+  }
+</style>