Skip to content

Tailwind 4 frontend update#1228

Merged
royduin merged 3 commits intotailwind4from
feature/tailwind4-frontend
Mar 12, 2026
Merged

Tailwind 4 frontend update#1228
royduin merged 3 commits intotailwind4from
feature/tailwind4-frontend

Conversation

@Roene-JustBetter
Copy link
Member

@Roene-JustBetter Roene-JustBetter commented Mar 12, 2026

This contains update for the classes that are changed in Tailwind 4:
https://tailwindcss.com/docs/upgrade-guide#removed-deprecated-utilities
https://tailwindcss.com/docs/upgrade-guide#renamed-utilities

Also changed:

  • Class chaining last:*:pr-0 to *:last:pr-0
  • has-[:checked] to has-checked

I found a bug using the <toggler> component places where we used this component didn't work correct anymore after 976. So the v-on:click="toggle" is changed to v-on:click="() => toggle()" to make it work again.

Internal ref: RAP-1851

Copy link
Member Author

@Roene-JustBetter Roene-JustBetter Mar 12, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need this for the default border color and for the cursor pointer https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor

@royduin royduin merged commit bc95bdb into tailwind4 Mar 12, 2026
@royduin royduin deleted the feature/tailwind4-frontend branch March 12, 2026 12:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants