const { variants } = require('tailwindcss/defaultConfig')
const { spacing } = require('tailwindcss/defaultTheme')

module.exports = {
  prefix: 'tw-',
  important: true,
  theme: {
    extend: {
      colors: {
        black: '#000',
        'green-600': '#0fa877',
        'pink-600': '#ec16a8',
        'purple-600': '#b33ee9'
      }
    }
  },
  variants: {
    backgroundColor: [...variants.backgroundColor, 'hocus'],
    borderColor: [...variants.textColor, 'hocus', 'group-hocus'],
    fontStyle: [...variants.fontStyle, 'hocus'],
    textColor: [...variants.textColor, 'hocus'],
    textDecoration: [...variants.textColor, 'hocus', 'group-hocus']
  },
  corePlugins: {
    preflight: false
  },
  plugins: [
    require('tailwindcss-interaction-variants')(),
    require('tailwindcss-list-reset')(),
    require('tailwindcss-spaced-items')({ values: spacing }),
    require('tailwindcss-transitions')(),
    require('tailwindcss-visuallyhidden')()
  ]
}