Skip to content

docs: update Astro Tailwind CSS setup to @tailwindcss/vite#427

Open
r4ai wants to merge 2 commits intomainfrom
feature/readme
Open

docs: update Astro Tailwind CSS setup to @tailwindcss/vite#427
r4ai wants to merge 2 commits intomainfrom
feature/readme

Conversation

@r4ai
Copy link
Copy Markdown
Owner

@r4ai r4ai commented Mar 25, 2026

Summary

  • Replace deprecated @astrojs/tailwind integration (with nesting: true) with the modern @tailwindcss/vite Vite plugin approach
  • Tailwind CSS v4 supports CSS nesting natively, so no extra configuration is needed
  • Add note about the legacy integration being deprecated with a link to the current Tailwind CSS Astro guide

Test plan

  • Verify the README renders correctly on GitHub
  • Confirm the linked URLs are valid

🤖 Generated with Claude Code

Replace deprecated @astrojs/tailwind integration with the modern
@tailwindcss/vite Vite plugin approach (recommended for Astro >= 5.2).
Tailwind CSS v4 supports CSS nesting natively.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Mar 25, 2026

🦋 Changeset detected

Latest commit: dd1490e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@r4ai/remark-callout Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@codecov
Copy link
Copy Markdown

codecov bot commented Mar 25, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Updates the remark-callout package README to reflect Tailwind CSS v4’s recommended Astro setup using the @tailwindcss/vite Vite plugin (rather than the deprecated @astrojs/tailwind integration), specifically in the context of supporting nested CSS in the provided callout styles.

Changes:

  • Replace the README’s Tailwind/Astro configuration example from @astrojs/tailwind (with nesting: true) to @tailwindcss/vite.
  • Add a NOTE callout pointing readers to the current Tailwind CSS Astro guide and mentioning the legacy integration deprecation.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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