From 470925594386a74c4e77923aec85b13a72d0698a Mon Sep 17 00:00:00 2001 From: Alex Karle Date: Tue, 26 Jan 2021 20:33:14 -0500 Subject: [PATCH] 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... --- style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 9c85051..a5b0ee1 100644 --- 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; } -- libgit2 1.1.1