different behaviour on pseudo :before :after

for tailwindcss:

<div className="relative w-4 h-4 bg-red-400 after:absolute after:top-4 after:w-full after:h-full after:bg-blue-400" />

for windicss:

<div className="relative w-4 h-4 bg-red-400 after:(absolute top-4 w-full h-full bg-blue-400)" />

According to tailwindcss

We set content: “” automatically any time you use a before or after variant to make sure the elements are rendered

reproduce repository

[yunsii]

On the other hand, give a pseudo usage demo on the website please.

[hengstchon]

Same problem. If Windi CSS does not provide a default content: "", then the pseudo like after or before will not show up as we expect.

However, if we manually set content like after:(content-TEXT), it works, but I just don’t know how to set an empty content. Have tried content- , content-' ', content-[' '], none of them works.