Skip to content

Conversation

@robertknight
Copy link
Contributor

@robertknight robertknight commented Sep 15, 2025

This will enable downstream projects to migrate from JS-based configuration for Tailwind to the preferred CSS-based theme config. See also https://tailwindcss.com/docs/upgrade-guide#using-a-javascript-config-file.

The JS configuration has been kept for compatibility under all downstream projects have been migrated.

TODO:

  • Convert pattern library site to use this instead of the JS config
  • Update documentation to reference this instead of the JS docs

@robertknight robertknight mentioned this pull request Sep 15, 2025
11 tasks
@codecov
Copy link

codecov bot commented Sep 15, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (e19709e) to head (fd6a5d3).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #2090   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           71        71           
  Lines         1364      1364           
  Branches       509       509           
=========================================
  Hits          1364      1364           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 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.

This will enable downstream projects to migrate from JS-based
configuration for Tailwind to the preferred CSS-based theme config. See
also https://tailwindcss.com/docs/upgrade-guide#using-a-javascript-config-file.

The Getting Started page has been updated to recommend the CSS-based config. The
JS configuration has been kept for compatibility under all downstream projects
have been migrated.
@robertknight robertknight marked this pull request as ready for review September 17, 2025 11:03
<Library.Code
size="sm"
title="Your project's tailwind config"
lang="css"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

There are several changes in other files to support specifying the language, as auto-detection did not work properly.

@@ -0,0 +1,228 @@
/* Standard theme and additional utilities for Hypothesis projects. */
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is a fairly straightforward translation of tailwind.config.js and the presets and plugins it imports.

@robertknight robertknight merged commit d0056ee into main Sep 17, 2025
4 checks passed
@robertknight robertknight deleted the tailwind-css-config branch September 17, 2025 12:31
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.

3 participants