let defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  prefix: 'tw-',
  important: true,
  theme: {
    extend: {
      colors: {
        black: '#000',
        'green-600': '#0fa877',
        'pink-600': '#ec16a8',
        'purple-600': '#b33ee9',
      },
      variants: {
        textStyle: ['responsive', 'hover', 'focus', 'hocus'],
      },
    },
  },
  plugins: [
    require('tailwindcss-interaction-variants')(),
    require('tailwindcss-spaced-items')({ values: defaultTheme.spacing }),
  ],
}