mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 13:55:08 +00:00

When deciding on a box type transformation (blockify/inlinify) for a pseudo element, we have to use the originating element as a reference rather than the parent. (The originating element *is* the parent for its pseudo elements.)
15 lines
No EOL
197 B
HTML
15 lines
No EOL
197 B
HTML
<style>
|
|
* {
|
|
font: 16px SerenitySans;
|
|
}
|
|
.foo {
|
|
display: flex;
|
|
gap: 1ch;
|
|
}
|
|
.foo:before {
|
|
content: "well";
|
|
}
|
|
.foo:after {
|
|
content: "friends";
|
|
}
|
|
</style><div class="foo">hello</div> |