Add some fallbacks for browsers that don’t support custom properties

This doesn’t restore the site back to its former glory there, but it’s still totally usable. Browsers that don’t support this new feature is Edge <= 14, IE, iOS <= 8 and Firefox <= 51.
This commit is contained in:
Robin Whittleton 2019-10-15 22:10:33 +02:00 committed by Alex Cabal
parent c4b278982c
commit d9851908ac

View file

@ -93,13 +93,14 @@
}
html{
color: #222; /* fallback for IE */
color: var(--body-text);
font-family: "Crimson Pro", Georgia, serif;
-webkit-hyphens: auto;
hyphens: auto;
font-size: 22px;
line-height: 1.5;
background: url('/images/paper.png') #fcf5dd; /* #faf5e3; */
background: url('/images/paper.png') #fcf5dd;
}
@media (prefers-color-scheme: dark){
@ -471,6 +472,7 @@ a[rel~="next"],
aside.sort button{
font-style: normal;
box-sizing: border-box;
background-color: #1d6878; /* fallback for IE */
background-color: var(--highlight);
border-width: 0;
border-radius: 5px;
@ -1466,6 +1468,7 @@ main.ebooks nav ol li a{
article nav ol li.highlighted a,
main.ebooks nav ol li.highlighted a{
background-color: #1d6878; /* fallback for IE */
background: var(--highlight);
padding: 1.25rem;
}