TitleImplement support for CSS variables
Authorrodarima
CreatedFri, 03 May 2024 23:18:41 +0000
State open

Websites often use variables to store CSS values that have a large impact in how the page is rendered. As we simply ignore all variables, pages don't layout properly even if we support most of the underlying CSS properties.

Example for https://gwern.net/search where most CSS rules use variables:

...
body {
    max-width: var(--GW-body-max-width);
    padding: 0 var(--GW-body-side-padding);
    margin: 0 auto;
}
...

This is how is rendered in Firefox without JS enabled:

image

But it looks like this in Dillo:

d