From fa145d3ed0d0145967f689553aa5d3e39cff19af Mon Sep 17 00:00:00 2001 From: Lim Chee Aun Date: Thu, 14 Sep 2023 00:25:04 +0800 Subject: [PATCH] Subtle blockquote styling --- src/components/status.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/src/components/status.css b/src/components/status.css index 72c8ce54..8d336993 100644 --- a/src/components/status.css +++ b/src/components/status.css @@ -560,8 +560,20 @@ .status .content blockquote { margin-block: min(0.75em, 12px); margin-inline: 0; - padding: 0 0 0 8px; - border-left: 4px solid var(--link-faded-color); + padding-block: 0; + padding-inline: 12px 0; + /* border-left: 4px solid var(--link-faded-color); */ + position: relative; + + &:before { + position: absolute; + content: ''; + width: 3px; + background-color: var(--link-faded-color); + inset-block: 0; + inset-inline-start: 0; + border-radius: 9999px; + } } .status .content > :is(ul, ol), .status .content > div > :is(ul, ol) {