JIT Tailwind 4 - Optimizing

Styling (CSS)
1

I am building a static site that is going to be large 50+ pages. Using plain Taillwind 4 and designing with AI tools inside Pinegrow and external.

If I go into the design panel and delete a color such as “Red,” when I save, the tailwind_theme/tailwind.css doesn’t appear to update. My anticipated behavior was for it to remove the “Red” color classes from the tailwind.css.

I’m wanting to delete all the standard classes and just load in my colors and shades, to optimize the front-end CSS.

Does the JIT not update accordingly? I notice it adds classes without issue… but when I remove classes that were created from Piny/AI, it doesn’t seem to clear the classes?

I would love someone’s help on optimizing.

2

Hello,

You should try “Refresh used classes” to re-scan the project for Tailwind classes.

image
image1128×1264 180 KB

1 Like
4

Deleted my response before this, didn’t realize a page needed to be opened. So I did that, I opened every page, did the Tailwind CSS > Refresh used classes. When I open tailwind_theme > tailwind.css, it still shows that large block of default tailwind colors. I verified all pages in the project have the Design Panel enabled using JIT and all pages show my 7 colors and shades and no default colors (deleted).

color-system
color-system456×276 12.6 KB

5

Oh nice, thanks @Emmanuel I hadn’t noticed that option.