1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-17 17:55:07 +00:00
serenity/Tests/LibWeb/Layout/input/pseudo-element-with-custom-properties.html
Andreas Kling fb722e69f3 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 20:37:29 +02:00

15 lines
No EOL
270 B
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">