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:
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
|
||||
* 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
|
||||
|
|
Loading…
Reference in a new issue