Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: migrate to Tailwind CSS v4.0 #632

Merged
merged 24 commits into from
Mar 29, 2025
Merged

chore: migrate to Tailwind CSS v4.0 #632

merged 24 commits into from
Mar 29, 2025

Conversation

imfing
Copy link
Owner

@imfing imfing commented Mar 26, 2025

This PR upgrades the CSS build engine to Tailwind CSS v4, bringing improved performance, reduced dependency footprint, and support for CSS theme variables.

A key benefit of this upgrade is that theme customization is now easier for Hextra users — instead of overriding utility classes, users can simply adjust CSS variables, see #292 for more context.

As side effect, the upgrade brings BREAKING CHANGES, notably the utitlity classes now prefix with hx: instead of hx-.

imfing added 19 commits March 12, 2025 22:55
- Bump versions for autoprefixer, postcss, postcss-cli, prettier, and tailwindcss.
- Remove unused dependencies to streamline the project.
…endencies, and update CSS imports for better organization
- steps counter fix in v4
- removed tailwind.css
- update hr border colors
- fix button cursor in v4
- fix border colors in various places
…ents

- Updated hamburger menu styles for improved animation and structure.
- Adjusted sidebar transition duration for smoother effects.
- Standardized class prefixes for consistency across components.
Copy link

netlify bot commented Mar 26, 2025

Deploy Preview for hugo-hextra ready!

Name Link
🔨 Latest commit b8e5cd6
🔍 Latest deploy log https://app.netlify.com/sites/hugo-hextra/deploys/67e5e2cfe86a030008839e79
😎 Deploy Preview https://deploy-preview-632--hugo-hextra.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@imfing imfing changed the title Migrate to Tailwind CSS v4.0 Mar 26, 2025
@imfing imfing linked an issue Mar 26, 2025 that may be closed by this pull request
@imfing imfing merged commit c74d444 into main Mar 29, 2025
4 checks passed
@imfing imfing deleted the tailwind-v4 branch March 29, 2025 12:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
1 participant