space-x-? does not work

[BITRU]

Tryed new space-x-4 class. But it does not work. the same code work on tailwind project, but does not in UnoCSS.

<div class="flex space-x-4"> <div>01</div> <div>02</div> <div>03</div> </div>

it generates CSS
space-x-3>:not([hidden])~:not([hidden])>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.75rem * var(--un-space-x-reverse));}

but we missing --un-space-x-reverse. how to fix that?

[BITRU]

I think this is issue with unocss

from uno:
.space-x-3 >: not([hidden])~: not([hidden]) >: not([hidden])~: not([hidden]) { --un-space-x-reverse: 0; margin - left: calc(0.75rem * calc(1 - var(--un-space-x-reverse))); margin - right: calc(0.75rem * var(--un-space-x-reverse)); }

from tailwind:
.space-x-3 > : not([hidden]) ~ : not([hidden]){ --tw-space-x-reverse: 0!important; margin - right: calc(0.75rem * var(--tw-space-x-reverse)) !important; margin - left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important; }

Extra >: not([hidden])~: not([hidden]) in uno

[chu121su12]

Could you please double-check your config?

Playground vs Play

[BITRU]

I use antfu
/
vitesse-nuxt3
And done clean setup. And have this issue.

maybe problem with the template.

[chu121su12]

There are 4 not hiddens in your example suggesting multiple space variant was applied.

[BITRU]

Upgrade UnoCSS to 0.37.4 fix this issue. Thank you