How to specify CSS properties directly like TailwindCSS arbitrary values.

[takamoso]

You can specify any property directly in TailwindCSS as follows. Can you do something similar?

<div class="[counter-increment: count]">
  ...
</div>

[1aron]

The counter-increment you mentioned happens to be a property we haven't built yet, and it will be added later.
As for the API for arbitrary CSS properties, we can extend it immediately, as follows:

<div class="{counter-increment:count}">
    ...
</div>

We use {} as a group, which happens to give it fallback behavior.

<!-- Master CSS Group Feature -->
<div class="{p:10|20|30|40;text:center;font:red-60/.5}:hover@sm"></div>

[takamoso]

That's awesome!!! Looking forward to it!

[1aron]

Good news. Completed 🥳 and will be published in two hours.

[1aron]

@takamoso #24 Completed and released. Thx 🥰