nuxt-themes / typography

Beautifully customizable Prose components for Nuxt Content.
https://typography.nuxt.space
MIT License
162 stars 7 forks source link

Tailwind.css override disabling custom sytling #66

Closed joaoalmeida225 closed 10 months ago

joaoalmeida225 commented 10 months ago

When I installed this package to easily style my articles using Nuxt Content I noticed that my custom font family defined on tailwind.config.js wasn't working anymore.

module.exports = {
    theme: {
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
      },
      extend: {
        maxWidth: {
          '8xl': '95rem',
        },
      }
    },
  }

After a close inspection, it seems that pinceau theme is requiring @unocess/reset that loads the default tailwind css file. So I'm left with two conflicting tailwind.css files, the default one from @unocess/reset and the one from @nuxt/tailwind with

@tailwind base;

@tailwind components;

@tailwind utilities;

that is loading my custom properties from tailwind.config.js.

Uninstalling the typography package solves this issue, so I'm creating an issue on this repo to understand if there's some fix to this problem.

joaoalmeida225 commented 10 months ago

I have checked #35 and defining pinceau prelight to false on nuxt.config.ts (as described here) solved the issue