1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00

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.
This commit is contained in:
Rohan Kumar 2022-04-07 15:19:34 -07:00
parent 069dca0a06
commit 93c394a57b
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479

View file

@ -36,22 +36,17 @@ html {
} }
} }
@supports (border-inline-start: 6px) { /* narrow screens: reduce margin for blockquotes a lot, using
/* narrow screens: reduce margin for blockquotes a lot, using * a thick left-side border instead.*/
* a thick left-side border instead, or a right-side border in blockquote {
* RTL locales. Some browsers like NetSurf or IE don't support this, border-left: 4px solid #aaa;
* but they're pretty much only used on the desktop where a huge indent margin: 0;
* is less of a problem.*/ padding-left: 0.8em;
blockquote {
border-inline-start: 4px solid #aaa;
margin: 0;
padding: 0 0.8em;
}
} }
/* single-line nav on widescreen and print. /* single-line nav on widescreen and print.
* Single-line nav on print saves almost half a page. */ * Single-line nav on print saves almost half a page. */
@media (min-width: 32em) { @media print, (min-width: 32em) {
header nav li { header nav li {
display: inline; display: inline;
/* inline-end doesn't work in netsurf. -right should stil make sense /* inline-end doesn't work in netsurf. -right should stil make sense