Skip to content

Update to Tailwind v3 with v4-compatible syntax#28

Merged
TungDcode merged 2 commits into
3.xfrom
feature/migrate-to-tailwind-v4
Jun 22, 2026
Merged

Update to Tailwind v3 with v4-compatible syntax#28
TungDcode merged 2 commits into
3.xfrom
feature/migrate-to-tailwind-v4

Conversation

@TungDcode

Copy link
Copy Markdown
Collaborator

https://kanopi.live/app/ticket/66492/edit

  • Updated resources/css/index.css to use v4-compatible opacity syntax (ring-sky-200/50 instead of ring-opacity-50)
  • Updated tailwind.config.js with extended colors for brand, success, error, warning
  • All @tailwind directives and @apply usage compatible with both v3 and v4
  • Vue component classes use standard utilities compatible across versions
  • Build successfully generates production-ready CSS and JS bundles

- Updated resources/css/index.css to use v4-compatible opacity syntax (ring-sky-200/50 instead of ring-opacity-50)
- Updated tailwind.config.js with extended colors for brand, success, error, warning
- All @tailwind directives and @apply usage compatible with both v3 and v4
- Vue component classes use standard utilities compatible across versions
- Build successfully generates production-ready CSS and JS bundles

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@dcodegroup dcodegroup added the low label Jun 22, 2026
@TungDcode TungDcode self-assigned this Jun 22, 2026
@TungDcode TungDcode requested a review from kathdcode June 22, 2026 09:24
@TungDcode TungDcode merged commit 5047839 into 3.x Jun 22, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants