I've noticed as soon as I import main.css, I lose the styles defined in my svelte components (using the style tag as normal). I don't mind so much as I prefer to do all my styling with Tailwind and using apply, but is that to be expected? Just want to make sure I'm not doing something wrong.
I've noticed as soon as I import
main.css
, I lose the styles defined in my svelte components (using thestyle
tag as normal). I don't mind so much as I prefer to do all my styling with Tailwind and usingapply
, but is that to be expected? Just want to make sure I'm not doing something wrong.I've actually solved this, so the Svelte styles work as normal alongside Tailwind:
rollup.config.js
give a name to the extracted CSS so it doesn't clash with the CSS generated by Svelte, for example:public/index.html
public/tailwind.css
to.gitignore