Closed madebyfabian closed 1 year ago
Glad you like it:)
I haven´t seen that issue, but i assume it´s because you include the file with your tailwind entrypoint
/* assets/css/tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
in the pattern. Create a seperate folder like assets/css/tailwind
and put all files tailwindcss-extend should process in there. The actual css file wont be included in your build but the generated js/ts file will be used instead.
As a side note, you should use the path module to define the pattern, otherwise the plugin includes all files on your file system that match the pattern. I need to update the docs and example.
// vite.config.ts
import path from 'node:path'
tailwindcssExtend({
pattern: path.resolve('assets/css/**'),
output: 'tailwind.plugin.gen.ts',
type: 'module',
}),
@david-plugge Thanks! I added the path.resolve
(path.resolve('assets/css/plugins/**')
) and moved the css file into a seperate subfolder (assets/css/plugins/plugin.css
).
I just found out where the console warning is coming from. I am using Vite with Nuxt and the Nuxt Devtools Styling contains this justify-content: start
CSS. Closing this here.
Thanks again!
For reference https://github.com/nuxt/devtools/issues/368
Hi there! Thanks for providing this tool! After installing it with vite, I get the following error:
What I am wondering is, that I don't even wrote this anywhere. Maybe the warning is about the generated CSS?
My config: