tailwind.config.js

/*
 ** TailwindCSS Configuration File
 **
 ** Docs: https://tailwindcss.com/docs/configuration
 ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 */
module.exports = {
  theme: {
    extend: {
      cursor: {
        help: 'help',
      },
      inset: {
        6: '1.5rem',
      },
      screens: {
        dark: {
          raw: '(prefers-color-scheme: dark)',
        },
      },
      spacing: {
        '9/16': '56.25%',
      },
    },
  },
  variants: {
    borderRadius: ['responsive', 'after'],
    height: ['responsive', 'after'],
    width: ['responsive', 'after'],
  },
  plugins: [require('tailwindcss-pseudo')()],
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js',
    ],
  },
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
};