Not doing base reset

[petedanielsmith]

In tailwind 3 I was just loading components and utilities so that the base reset didn't occur on a particular 3rd party section of my site as the reset broke their styling.

In tailwind 4 I have been using

@layer theme, base, components, utilities;
@import 'tailwindcss/theme.css' layer(theme);
@import 'tailwindcss/utilities.css' layer(utilities);

Which works fine in dev but as soon as I do a production build it doesn't work at all.

Is there a different way of loading tailwind styles without the base reset just for certain pages rather than app overall setting?

[wongjn]

That should work in a production build. Consider providing a git repo that reproduces the unexpected behavior.

[wongjn]

That is the correct way of including Tailwind v4 without the base reset.

[petedanielsmith]

That is the correct way of including Tailwind v4 without the base reset.

i have setup a basic project to demo what i mean

github repo https://github.com/mustardpete/demo-tailwind-issue

it needs postgresql running locally

see readme but add env file with connection string and then view the 2 pages to see the isue

[petedanielsmith]

That is the correct way of including Tailwind v4 without the base reset.

ive got to the bottom of it.

tailwind 4 when building for production does not pick up references from .scss file. once renamed to .css it works as expected with admin not loading the base styles and front end loading it all.

in dev mode it picks up from scss and css files fine, but production build misses scss tailwind imports

not sure if thats a bug?

[wongjn]

Tailwind is not meant to be used with Sass, see https://tailwindcss.com/docs/compatibility#sass-less-and-stylus

[petedanielsmith]

Tailwind is not meant to be used with Sass, see https://tailwindcss.com/docs/compatibility#sass-less-and-stylus

I wasn't actually using sass, it's just the 3rd party default file is a scss extension. Worked fine with tailwind 3, and works in dev with tailwind 4 but not in production build of tailwind 4. There was no sass code