[Feature]: Tailwind will automatically add content: ''.

[hastebrot]

Describe the problem

Tailwind's preflight base styles will include content-[''] any time you use the before and after modifiers.

Documentation: https://tailwindcss.com/docs/hover-focus-and-other-states#before-and-after

• Works in Tailwind 3.2.4: https://play.tailwindcss.com/MGVcBctNEX
• Does not work in Twind 1.0.2: https://twind.run/dash-owl-morgan

Describe the proposed solution

It should detect when I use before:.. and after:... classes and generate content: "".

Tailwind does something like:

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

Twind already has

::before,
::after {
	--tw-content: "";
}

But does no futher things it seems.

Alternatives considered

Define it explicitly: <div class="before:content-[''] before:block ...">

Importance

nice to have

Additional Information

No response

[sastan]

Thanks for reporting this issue. Tailwindcss v3.2 support is still missing (https://twind.style/preset-tailwind#-compatibility). I have hoped to implement it this week but my family needs me right now.