From ef19c6f5a58bc878f95c405b5d185afb8aa2c577 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Sat, 28 Sep 2024 18:23:48 +0200
Subject: sass: Add styling for blockquote

This was still missing and is needed in the upcoming post. For now, mark
the quote with a border on the left and shrink the text size a bit to
create contrast between normal paragraphs and the quote.
---
 sass/style.sass | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'sass/style.sass')

diff --git a/sass/style.sass b/sass/style.sass
index dfb837c..e1593a1 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -9,6 +9,7 @@
   --font-mono: Iosevka, Inconsolata, monospace
 
   --font-size-pre: 85%
+  --font-size-quote: 90%
 
   --fg-color: black
   --fg-color-mute: #5a5a5a
@@ -79,6 +80,11 @@ code
   font-family: var(--font-mono)
   font-size: var(--font-size-pre)
 
+blockquote
+  border-left: 2px solid var(--border-color-light)
+  font-size: var(--font-size-quote)
+  padding: 0 1em
+
 .mute
   color: var(--fg-color-mute)
 
-- 
cgit v1.2.3-2-gb3c3