summaryrefslogtreecommitdiffstatshomepage
path: root/sass
diff options
context:
space:
mode:
authorWolfgang Müller2024-09-28 18:23:48 +0200
committerWolfgang Müller2024-09-28 18:23:48 +0200
commitef19c6f5a58bc878f95c405b5d185afb8aa2c577 (patch)
treebbd1298403d629930194d36c7988513c59d9bf90 /sass
parent0662f7b37464ed7da428762d62cb9ce01e583406 (diff)
downloadzunzuncito-ef19c6f5a58bc878f95c405b5d185afb8aa2c577.tar.gz
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.
Diffstat (limited to 'sass')
-rw-r--r--sass/style.sass6
1 files changed, 6 insertions, 0 deletions
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)