Change Tailwind defaults way

[aralroca]

Talked here by @ansarizafar, I've been thinking about it and one thing we can implement is that during the integration it creates a default .css file by default instead of using default values in build-time.

[aralroca]

CC: @rohits-web03

[rohits-web03]

Talked here by @ansarizafar, I've been thinking about it and one thing we can implement is that during the integration it creates a default .css file by default instead of using default values in build-time.

Alright! I'll look into it

[aralroca]

@rohits-web03 currently these defaults are here

brisa/packages/brisa-tailwindcss/index.ts

Lines 22 to 24 in c123384

	@import "tailwindcss/theme" layer(theme);
	@import "tailwindcss/preflight" layer(base);
	@import "tailwindcss/utilities" layer(utilities);

But then are used in build-time... Instead during the integration. Maybe we can directly replace it and use it only in this integration file: https://github.com/brisa-build/brisa/blob/e28fa95ef844350a6fa58dc4d119e35598c753e3/packages/brisa/src/cli/integrations/tailwindcss/index.ts

[ansarizafar]

Why not use Bun plugin for tailwindcss https://bun.sh/docs/bundler/fullstack#using-tailwindcss-in-html-routes

[aralroca]

@ansarizafar We will probably use it in the future, but it is still in its early stages. @AlbertSabate already tried to do this migration, but is better to don't do it yet. It only works for static .html paths and performs some replacements we don't want. Besides, our plugin allows Tailwind to be used inside the shadowRoot, since we use Web Components.

[rohits-web03]

@rohits-web03 currently these defaults are here

brisa/packages/brisa-tailwindcss/index.ts

Lines 22 to 24 in c123384

     @import "tailwindcss/theme" layer(theme); 
     @import "tailwindcss/preflight" layer(base); 
     @import "tailwindcss/utilities" layer(utilities); 

But then are used in build-time... Instead during the integration. Maybe we can directly replace it and use it only in this integration file: https://github.com/brisa-build/brisa/blob/e28fa95ef844350a6fa58dc4d119e35598c753e3/packages/brisa/src/cli/integrations/tailwindcss/index.ts

Okay👍