https://discord.umbraco.com logo
#random-coding
Title
# random-coding
c

craig100

05/16/2022, 7:07 PM
It's created a css file with all it's classes in (many of which Rider thinks are broken because they're empty vars) but the biggie is that I then tried their Hello World example and nothing happens.
Copy code
<h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
Also I don't see text-3xl or the other classes in the css file. Anyway, I thought I'd give it a quick go on a small site I'm upgrading from V7 to 9. As it's turned into a drama (as usual) I'll have to leave it for another day. Work needs to be done, not played with 😉 Thanks for responding 🙂
s

skttl

05/17/2022, 7:29 AM
You need to configure where Tailwind looks for used classes. If you don't, tailwind won't know what classes you use, and you'll only get the css reset. Tailwind works by running through your views (or css/js files etc), looking for classnames it knows, like text-3xl, font-bold etc. If it encounters eg. text-3xl, it will be added to the css file. This keeps the css file as small as possible.