Tailwind styles not applied

[RayburnTrading]

Hi,

I've cloned this repo and followed these steps to deploy to Github pages but it's as if the TW build/compilation isn't happening?

https://jekyll.ohsostatic.com/devops/how-to-use-tailwind-css-with-jekyll-on-github-pages

My repo is https://github.com/RayburnTrading/rtc-blog

If you look at the main.css file at https://rayburntrading.github.io/rtc-blog/ you can see it's just the default TW config:

--- --- @tailwind base; @tailwind components; @tailwind utilities;

Do you have any idea what I might be missing?

It works fine locally, all TW classes are applied.

Thanks.

[piscespieces]

Hi,

I've cloned this repo and followed these steps to deploy to Github pages but it's as if the TW build/compilation isn't happening?

https://jekyll.ohsostatic.com/devops/how-to-use-tailwind-css-with-jekyll-on-github-pages

My repo is https://github.com/RayburnTrading/rtc-blog

If you look at the main.css file at https://rayburntrading.github.io/rtc-blog/ you can see it's just the default TW config:

--- --- @tailwind base; @tailwind components; @tailwind utilities;

Do you have any idea what I might be missing?

It works fine locally, all TW classes are applied.

Thanks.

Same problem. It works locally, but somehow, it doesn't work when deployed.

I found a manual solution, which is, to copy the locally compiled CSS code into your clipboard, and then on your project's GitHub's repository, go to the uncompiled main.css, which has the TailwindCSS directives, i.e:

@tailwind base;
@tailwind components;
@tailwind utilities; 

Click on Edit File, and delete the TailwindCSS code. Then paste your compiled CSS code, and commit your changes. That will fix it.

The problem with this is that you'll have to do this everytime you commit and push.