alexkarle.com

commit 470925594386a74c4e77923aec85b13a72d0698a (patch)
parent b7fb4cfa233e2edff95daf3dc2a58fee612ef031
Author: Alex Karle <alex@alexkarle.com>
Date:   Tue, 26 Jan 2021 20:33:14 -0500

style.css: Highlight block-quotes with small border

The scroll bar is really hard to see on iOS; hoping that the curved
border will call it out to the reader.

css-tricks.com seems to endorse this. It's really hard to
see on iOS otherwise...

Diffstat:
M
style.css
 | 
9
++++++++-

1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/style.css b/style.css
@@ -14,7 +14,6 @@ a:visited { color: #033a4a; }
 code { font-size: 1em; }
 h1 { font-size: 1.1em; }
 h2 { font-size: 1em; }
-.Bd-indent { margin-left: 1em; }
 
 /* override bold/italic colors within permalinks */
 a.permalink { text-decoration: none }
@@ -42,6 +41,14 @@ table.head { margin-bottom: 3em; }
 td.head-vol { visibility: hidden; }
 
 /* scrollbars on the block-display content */
+div.Bd-indent {
+    border-left-color: gray;
+    border-left-style: solid;
+    border-left-width: 2px;
+    border-radius: 5px;
+    padding-left: 1em;
+}
+
 .Bd > pre {
     overflow-x: auto;
 }