Blog

src/routes/blog/+layout.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+</script>
+
+<article class="px-2 py-8 md:px-8 max-w-[980px] mx-auto text-lg">
+  <slot />
+</article>
+
+<style lang="postcss">
+:global(h1) {
+  @apply text-3xl my-6;
+}
+
+:global(h2) {
+  @apply text-3xl my-4;
+}
+
+:global(h3) {
+  @apply text-2xl my-2;
+}
+
+:global(h4) {
+  @apply text-xl my-2;
+}
+
+:global(pre, code) {
+  @apply rounded-lg border border-slate-500 bg-slate-900;
+}
+
+:global(pre) {
+  @apply p-6 my-6 overflow-auto;
+}
+
+:global(pre code) {
+  @apply p-0 border-none;
+}
+
+:global(code) {
+  @apply px-2 py-0.5;
+}
+</style>