tailwind.config.js

module.exports = {
  mode: 'jit',
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js',
      'content/**/*.md',
    ],
    options: {
      safelist: ['hover:tw-bg-facebook', 'hover:tw-bg-twitter', 'hover:tw-bg-linkedin', 'hover:tw-bg-pinterest']
    }
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        'linkblue': '#2952a3', // hsl(220, 60%, 40%)
        'linkpink': '#9D174D', // pink-800
        'facebook': '#3b5999',
        'twitter': '#55acee',
        'linkedin': '#0077B5',
        'pinterest': '#bd081c',
        'instagram': '#e4405f',
        'whatsapp': '#25D366',
        'youtube': '#cd201f',
        'telegram': '0088cc'
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    // require('@tailwindcss/typography')
  ],
  prefix: 'tw-',
}