Tailwind classes overwrite my application.css?

rubyonrails-talk
1

Fresh Rails install with --css tailwind. In application.css, I set h1 { font-size: 10rem } but in chrome devtools, I see that my rule is overwritten with font-size: inherit from Tailwind. How can I set my own styles for headings?

2

How are you loading CSS in your tag?

<%= stylesheet_link_tag :all, "data-turbo-track": "reload" %>

I have that and it loads tailwind + custom CSS files.

3

Thanks I’ll give that a try!