TailwindCSS not working with AMP

[jerriclynsjohn]

Describe the bug
When I turn on the amp option in the config, the tailwindcss stops working and I'm guessing that's because of the AMP requirement to have styles either inline or in the head.

To Reproduce
Here is a sample repo with the AMP option turned on and also with Tailwind JIT

Expected behavior
Would absolutely love it if tailwind classes could be mentioned in head

Severity
Our entire project is built using tailwind and wanted to use AMP pages for our content and now literally all our pages have no styles because of this.

[babichjacob]

It seems like you've missed providing the repo link. Also, why exactly is Tailwind relevant? Isn't it just any external stylesheet will be ignored for AMP?

[jerriclynsjohn]

I was hoping there could be a way for the svelte kit to emit CSS of a page and then add that to the header like mentioned here https://www.storyblok.com/tp/tailwindcss-express-js-amp-sites. Also edited to add the link to the repo. If you see the AMP documentation they have mentioned how they use a pre-processor to add the CSS necessary for the page using templating language https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/style_pages/#using-css-preprocessors

This is pretty much applicable for any css preprocessors

[jerriclynsjohn]

Any idea on how to get this working.

[mrkishi]

I just confirmed this is no longer an issue, at least since #4710.

Following the directions in the docs and installing Tailwind normally yields in properly inlined CSS.