[PR #5501] [MERGED] docs: refactor to work without a tailwind.config file #14289

Closed
opened 2026-04-13 09:23:54 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/5501
Author: @bytaesu
Created: 10/22/2025
Status: Merged
Merged: 10/23/2025
Merged by: @himself65

Base: canaryHead: 2025-10-23/refactor/migrate-to-tailwind-v4-format


📝 Commits (7)

  • eda62dd docs: Refactor to work without a Tailwind config file
  • a56a221 style: cleanup css
  • c5feafb docs: new landing page
  • d25555e fix: extra space
  • 64bd9d8 fix: unify button hover shadow in dark mode
  • 603be43 style: update sm width to 90%
  • 4362998 style: delete unused keyframes

📊 Changes

7 files changed (+266 additions, -413 deletions)

View changed files

📝 docs/app/global.css (+95 -119)
📝 docs/app/layout.tsx (+1 -1)
📝 docs/app/page.tsx (+1 -1)
📝 docs/components/features.tsx (+7 -7)
📝 docs/components/landing/grid-pattern.tsx (+11 -3)
📝 docs/components/landing/hero.tsx (+151 -153)
docs/tailwind.config.js (+0 -129)

📄 Description

  • Refactors the docs app to work without a tailwind.config.js file
  • Cleaned up the landing page

While removing tailwind.config.js, I had to adjust some CSS utilities, which also required updating the hero’s CSS classes. For that reason, the new landing page is included in this PR as well.

Before

https://github.com/user-attachments/assets/98494666-85b6-4a1a-94f6-269a43edf480

After

https://github.com/user-attachments/assets/d55c027e-66f8-4696-af99-eff6ba6082cf


Summary by cubic

Refactored the docs app to use Tailwind v4’s CSS-first setup so it works without a tailwind.config.js. Moved theme tokens, fonts, animations, and utilities into global.css and declared plugins via @plugin.

  • Refactors

    • Removed docs/tailwind.config.js and the @config directive.
    • Added an @theme block in global.css (colors, radius, font families, keyframes, animations).
    • Declared tailwindcss-animate via @plugin in CSS.
    • Replaced config-driven background utilities with CSS classes: .bg-grid, .bg-grid-small, .bg-dot (with dark variants).
  • Migration

    • No changes needed for existing docs usage.
    • If you used color-parameter background utilities, switch to .bg-grid/.bg-dot; colors are now fixed per theme.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/5501 **Author:** [@bytaesu](https://github.com/bytaesu) **Created:** 10/22/2025 **Status:** ✅ Merged **Merged:** 10/23/2025 **Merged by:** [@himself65](https://github.com/himself65) **Base:** `canary` ← **Head:** `2025-10-23/refactor/migrate-to-tailwind-v4-format` --- ### 📝 Commits (7) - [`eda62dd`](https://github.com/better-auth/better-auth/commit/eda62dd896d4213e700344bc4fab04932498863a) docs: Refactor to work without a Tailwind config file - [`a56a221`](https://github.com/better-auth/better-auth/commit/a56a22132b55111aa87a8061e0ecabafc4dd874a) style: cleanup css - [`c5feafb`](https://github.com/better-auth/better-auth/commit/c5feafbd286d38633ceb9a18f117329ab6b07417) docs: new landing page - [`d25555e`](https://github.com/better-auth/better-auth/commit/d25555e092aed04fd96ac3c4cb14a7ae0b7f673e) fix: extra space - [`64bd9d8`](https://github.com/better-auth/better-auth/commit/64bd9d85e1f941db68a8ed0e4c086677939c56fb) fix: unify button hover shadow in dark mode - [`603be43`](https://github.com/better-auth/better-auth/commit/603be43b37b7a64e4302b5e430d1c30a34f05a10) style: update sm width to 90% - [`4362998`](https://github.com/better-auth/better-auth/commit/43629981c86ce2fedfa1cbfab5feb6999dc357f3) style: delete unused keyframes ### 📊 Changes **7 files changed** (+266 additions, -413 deletions) <details> <summary>View changed files</summary> 📝 `docs/app/global.css` (+95 -119) 📝 `docs/app/layout.tsx` (+1 -1) 📝 `docs/app/page.tsx` (+1 -1) 📝 `docs/components/features.tsx` (+7 -7) 📝 `docs/components/landing/grid-pattern.tsx` (+11 -3) 📝 `docs/components/landing/hero.tsx` (+151 -153) ➖ `docs/tailwind.config.js` (+0 -129) </details> ### 📄 Description - Refactors the docs app to work without a `tailwind.config.js` file - Cleaned up the landing page While removing tailwind.config.js, I had to adjust some CSS utilities, which also required updating the hero’s CSS classes. For that reason, the new landing page is included in this PR as well. ### Before https://github.com/user-attachments/assets/98494666-85b6-4a1a-94f6-269a43edf480 ### After https://github.com/user-attachments/assets/d55c027e-66f8-4696-af99-eff6ba6082cf <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Refactored the docs app to use Tailwind v4’s CSS-first setup so it works without a tailwind.config.js. Moved theme tokens, fonts, animations, and utilities into global.css and declared plugins via @plugin. - **Refactors** - Removed docs/tailwind.config.js and the @config directive. - Added an @theme block in global.css (colors, radius, font families, keyframes, animations). - Declared tailwindcss-animate via @plugin in CSS. - Replaced config-driven background utilities with CSS classes: .bg-grid, .bg-grid-small, .bg-dot (with dark variants). - **Migration** - No changes needed for existing docs usage. - If you used color-parameter background utilities, switch to .bg-grid/.bg-dot; colors are now fixed per theme. <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-13 09:23:54 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#14289