Open Amar-Gill opened 1 year ago
Hey :)
I renamed this issue so we can track the usage of Typography with TailwindCSS.
I need to make a pass on that not only on Typography but on all themes, so this suits better as a naming.
Thank you so much for the reproduction!
I have a project where I am using
@nuxtjs/tailwindcss
and@nuxt/content
modules. Plus the@nuxt-themes/typography
layer.When I have a button with
type="submit"
in my app, I noticed thebackground-color
is being overwritten totransparent
. I narrowed it down to the following rule:I have prepared a minimal reproduction in Stackblitz:
https://stackblitz.com/edit/nuxt-starter-hbzcrc?file=app.vue
Furthermore, only background styles applied with tailwind are overwritten. In the reproduction you can see my custom css class does not get overwritten. There appears to be some type of conflict between tailwind module and nuxt typography styles.
Here is a more complete rule set applied to the button. The
btn-primary
styles are being overwritten: