search

mzrnsh / jekyllwind

Jekyll + Tailwind CSS boilerplate
MIT License
74 stars 17 forks source link

Tailwind styles aren't applied on YAML variables #2

Closed jrdnbwmn closed 2 years ago

jrdnbwmn commented 2 years ago

This boilerplate has been awesome so far, thanks for making it!

I'm working on building a new personal website and am running into an issue that you may have some thoughts on:

I have HTML in one of my front matter variables (image-html, here's an example).

When this HTML variable is output on pages, the HTML is all there but the Tailwind styling is not applied. For example, the image that comes from <img class="drop-shadow w-[70px] h-[70px]" src="/assets/img/stack/1password.png" alt="1Password"> in this item doesn't have a drop shadow and is not constrained to 70px by 70px when it's output on its own page or on this page.

Tailwind is working perfectly everywhere else.

Could this issue be due to how Tailwind styles are applied with this boilerplate? Or am I doing something wrong with Jekyll? 😂

jrdnbwmn commented 2 years ago

I figured out the solution: I needed to add the path to the collection to tailwind.config.js