[Vuejs]-Tailwind classes Not Working in nuxt app?

by

0👍

✅

Suddenly the tailwind classes stopped working only if I add any custom ones in the config file.

Assuming the "Tailwind classes" you referred to are Tailwind classes involving color values, then it is because you have defined your own colors in theme.colors which completely replace Tailwind default colors. You may have meant to define your custom colors in theme.extend.colors, which would merge them into the Tailwind default colors:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [    './pages/**/*.{html,js,vue}',
  './components/**/*.{html,js,vue}'],
  theme: {
    extend: {
      colors: {
        'raisin' : '#262730',
        'test' : '#D8B4E2'
      },
    },
  },
  plugins: [],
}

Leave a comment