1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-03 16:42:10 +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
* 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