From 93c394a57b4c1335728d918089f0ecda5cb4f13a Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Thu, 7 Apr 2022 15:19:34 -0700 Subject: [PATCH] CSS: fix print, compat with older browsers - Fix print directive i accidentally deleted - Switch from inline-start to "left" since old browsers prolly outnumber the number of poeple using Eng-Arabic machine translation engines that also alter the text direction. --- assets/css/main.css | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 9efb22e..8f440ae 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -36,22 +36,17 @@ html { } } -@supports (border-inline-start: 6px) { - /* narrow screens: reduce margin for blockquotes a lot, using - * a thick left-side border instead, or a right-side border in - * RTL locales. Some browsers like NetSurf or IE don't support this, - * but they're pretty much only used on the desktop where a huge indent - * is less of a problem.*/ - blockquote { - border-inline-start: 4px solid #aaa; - margin: 0; - padding: 0 0.8em; - } +/* narrow screens: reduce margin for blockquotes a lot, using + * a thick left-side border instead.*/ +blockquote { + border-left: 4px solid #aaa; + margin: 0; + padding-left: 0.8em; } /* single-line nav on widescreen and print. * Single-line nav on print saves almost half a page. */ -@media (min-width: 32em) { +@media print, (min-width: 32em) { header nav li { display: inline; /* inline-end doesn't work in netsurf. -right should stil make sense