search

dwyl / learn-tailwind

🌬️ Learn Tailwind CSS to craft pixel-perfect web apps/sites in less time! 😍
https://dwyl.github.io/learn-tailwind
GNU General Public License v2.0
48 stars 3 forks source link

Tailwind not working when rendered in `<%= @inner_content %>` tag #7

Closed nelsonic closed 2 years ago

nelsonic commented 2 years ago

We have Tailwind [kinda] working in this demo App: http://localhost:4000

image

The "Hello TailWorld!" with the gradient background works; so we know some part of it works. But the Todo List template https://tailwindcomponents.com/component/todo-list-app is not working ... I have a strong suspicion (sinking feeling) that it's because the sample is targeting tailwindcss@0.3.0 i.e. mega old version!!

tailwind-todo-list-0 3 0

So there might be some deprecated styles that have been superseded!

nelsonic commented 2 years ago

Yeah, I think my hunch that the Todo List above was using out-dated Tailwind classes is correct. The Alpine.js Stopwatch dwyl/learn-alpine.js/stopwatch.html works fine when rendered in <%= @inner_content %>

image

Relevant to: https://github.com/dwyl/app-mvp-phoenix/issues/89#issuecomment-1177238492

nelsonic commented 2 years ago

Tailwind working well in: https://github.com/dwyl/app-mvp-phoenix/issues/89#issuecomment-1179606254 Closing. ✅