Repos / hi.imnhan.com / a6368c2928
commit a6368c2928b6f4dd437aa96b54f175966f48880a
Author: Nhân <hi@imnhan.com>
Date:   Wed Jun 7 20:29:06 2023 +0700

    make blockquotes look like... quotes

diff --git a/nhanb-theme/static/css/main.css b/nhanb-theme/static/css/main.css
index 09423a5..83353ee 100644
--- a/nhanb-theme/static/css/main.css
+++ b/nhanb-theme/static/css/main.css
@@ -92,12 +92,19 @@ iframe {
 }
 
 blockquote {
-  border-left: 2px solid black;
   padding-left: 7px;
   margin: 1.5rem 0 1.5rem 2rem;
+  quotes: "\201C""\201D";
   /* prevent long links from breaking out of the blockquote: */
   overflow-wrap: break-word;
 }
+blockquote::before {
+  position: absolute;
+  margin-left: -0.5em;
+  margin-top: -0.25em;
+  font-size: 3em;
+  content: open-quote;
+}
 blockquote > * {
   margin: 0;
 }