From 4fb67b34fbf0459c16d25ca0d49eb0a4bb769280 Mon Sep 17 00:00:00 2001 From: Lewin Kelly Date: Wed, 19 Jul 2023 19:09:00 +0100 Subject: [PATCH] Add improved formatting for blockquotes in markdown --- src/routes/post/[post]/+page.svelte | 22 ++++++++++++++++++---- src/routes/revival/[revival]/+page.svelte | 22 ++++++++++++++++++---- 2 files changed, 36 insertions(+), 8 deletions(-) diff --git a/src/routes/post/[post]/+page.svelte b/src/routes/post/[post]/+page.svelte index e7863d7..d8f301d 100644 --- a/src/routes/post/[post]/+page.svelte +++ b/src/routes/post/[post]/+page.svelte @@ -61,8 +61,22 @@ section a:hover transform translateY(-0.15rem) - .content :global(h2) - // make h1 and h2 different sizes, - // as they are capped by
- font-size 1.35rem + .content + :global(h2) + // make h1 and h2 different sizes, + // as they are capped by
+ font-size 1.35rem + + :global(blockquote) + margin-left 0.5rem + padding 0.5rem 0 0.5rem 1rem + border-left 0.2rem solid #888a + font-style italic + + :global(blockquote) + margin-left 0rem + + :global(p) + margin 0 + opacity 0.8 diff --git a/src/routes/revival/[revival]/+page.svelte b/src/routes/revival/[revival]/+page.svelte index b12b159..a75bbf3 100644 --- a/src/routes/revival/[revival]/+page.svelte +++ b/src/routes/revival/[revival]/+page.svelte @@ -122,8 +122,22 @@ section a:hover transform translateY(-0.15rem) - .post :global(h2) - // make h1 and h2 different sizes, - // as they are capped by
- font-size 1.35rem + .post + :global(h2) + // make h1 and h2 different sizes, + // as they are capped by
+ font-size 1.35rem + + :global(blockquote) + margin-left 0.5rem + padding 0.5rem 0 0.5rem 1rem + border-left 0.2rem solid #888a + font-style italic + + :global(blockquote) + margin-left 0rem + + :global(p) + margin 0 + opacity 0.8