Skip to content

Upgrade to Tailwind CSS 4.1 #955

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.

Sign up for GitHub

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

Draft
Copilot wants to merge 13 commits into
base: main
Choose a base branch
from
+2,278 −4,155
Draft

Upgrade to Tailwind CSS 4.1 #955

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
b368227
Initial plan
Copilot Dec 12, 2025
105a50a
Update to Tailwind CSS 4.1 with CLI build process
Copilot Dec 12, 2025
fd0d142
Rename pcss files to css for Tailwind 4 compatibility
Copilot Dec 12, 2025
c763f3e
Fix Tailwind 4 build configuration and test compilation
Copilot Dec 12, 2025
e1eaa2b
Add explanatory comments for code review feedback
Copilot Dec 12, 2025
4d5ed09
phpcs fixes
amitaibu Dec 12, 2025
54aa270
Apply suggestion from @amitaibu
amitaibu Dec 12, 2025
a63587d
Fix Tailwind 4 theme config to include all default utilities
Copilot Dec 12, 2025
7600c1d
Line fix
amitaibu Dec 12, 2025
3939bb6
Always minify Tailwind build output (#956)
amitaibu Dec 14, 2025
7818af0
Remove core's normnalize, as we have on in TW
amitaibu Dec 14, 2025
2cde9da
Apply suggestion from @amitaibu
amitaibu Dec 14, 2025
af91256
Merge branch 'main' into copilot/update-tailwind-to-v4
amitaibu Dec 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion robo-components/ThemeTrait.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,9 @@ private function doThemeCompile(bool $optimize = FALSE): void {
// Make sure we have all the node packages.
$this->_exec("cd $theme_dir && npm install");

$result = $this->_exec("cd $theme_dir && npx postcss ./src/pcss/style.pcss --output=./dist/css/style.css");
// Use Tailwind CLI to compile CSS and always minify for consistent output.
$tailwind_command = "cd $theme_dir && npx tailwindcss -i ./src/css/style.css -o ./dist/css/style.css --minify";
$result = $this->_exec($tailwind_command);

// Safety check to verify theme was properly compiled before deployment.
if (!file_exists(sprintf('%s/dist/css/style.css', self::$themeBase))) {
Expand Down
Loading