ladybird/Tests/LibWeb/Layout/input/pseudo-element-with-custom-properties.html

<!DOCTYPE html><style>
* {
    font: 20px SerenitySans;
}
.hello::before {
    position: absolute;
    height: 100px;
    width: 100px;
    --wide: 500px;
    width: var(--wide);
    --bg: orange;
    background: var(--bg);
    content: "";
}
</style><div class="hello">
LibWeb: Resolve CSS custom properties on pseudo elements The resolved property sets are stored with the element in a per-pseudo-element array (same as for pseudo element layout nodes). Longer term, we should stop storing this with elements entirely and make it temporary state in StyleComputer somehow, so we don't waste memory keeping all the resolved properties around. This makes various gradients show up on https://shopify.com/ :^) 2023-05-17 17:05:36 +02:00			`<!DOCTYPE html><style>`
			`* {`
			`font: 20px SerenitySans;`
			`}`
			`.hello::before {`
			`position: absolute;`
			`height: 100px;`
			`width: 100px;`
			`--wide: 500px;`
			`width: var(--wide);`
			`--bg: orange;`
			`background: var(--bg);`
			`content: "";`
			`}`
			`</style><div class="hello">`