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:
parent
069dca0a06
commit
93c394a57b
1 changed files with 7 additions and 12 deletions
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue