const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}',
    './app/models/**/*.rb',
    './app/assets/stylesheets/**/*.css',
  ],
  safelist: [
    'border-yellow-400',
    'bg-yellow-50',
    'text-yellow-400',
    'text-yellow-700',
    'border-red-400',
    'bg-red-50',
    'text-red-400',
    'text-red-700',
    'border-green-400',
    'bg-green-50',
    'text-green-400',
    'text-green-700',
    'border-blue-400',
    'bg-blue-50',
    'text-blue-400',
    'text-blue-700',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
  ],
}