const theme = require('./theme.json');
const tailpress = require('@jeffreyvr/tailwindcss-tailpress');

module.exports = {
  content: [
    './*.php',
    './**/*.php',
    './resources/css/*.css',
    './resources/js/*.js',
    './safelist.txt',
  ],
  safelist: [
    'bg-primary',
    'text-primary',
    'bg-secondary',
    'text-secondary',
    'bg-acoustique-coproprietes',
    'text-acoustique-coproprietes',
    'bg-acoustique-coproprietes-light',
    'text-acoustique-coproprietes-light',
    'bg-energies-urbanisme',
    'text-energies-urbanisme',
    'bg-energies-urbanisme-light',
    'text-energies-urbanisme-light',
    'bg-isolation-quotidien',
    'text-isolation-quotidien',
    'bg-isolation-quotidien-light',
    'text-isolation-quotidien-light',
    'bg-patrimoine-sante-securite',
    'text-patrimoine-sante-securite',
    'bg-patrimoine-sante-securite-light',
    'text-patrimoine-sante-securite-light',
    'bg-location-durabilite',
    'text-location-durabilite',
    'bg-location-durabilite-light',
    'text-location-durabilite-light',
    'hover:bg-primary',
    'hover:text-primary',
    'hover:bg-secondary',
    'hover:text-secondary',
    'hover:bg-acoustique-coproprietes',
    'hover:text-acoustique-coproprietes',
    'hover:bg-acoustique-coproprietes-light',
    'hover:text-acoustique-coproprietes-light',
    'hover:bg-energies-urbanisme',
    'hover:text-energies-urbanisme',
    'hover:bg-energies-urbanisme-light',
    'hover:text-energies-urbanisme-light',
    'hover:bg-isolation-quotidien',
    'hover:text-isolation-quotidien',
    'hover:bg-isolation-quotidien-light',
    'hover:text-isolation-quotidien-light',
    'hover:bg-patrimoine-sante-securite',
    'hover:text-patrimoine-sante-securite',
    'hover:bg-patrimoine-sante-securite-light',
    'hover:text-patrimoine-sante-securite-light',
    'hover:bg-location',
    'hover:text-location',
    'hover:bg-location-light',
    'hover:text-location-light',
  ],
  theme: {
    container: {
      padding: {
        DEFAULT: '1rem',
        sm: '2rem',
        lg: '0rem',
      },
    },
    extend: {
      colors: tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)),
      fontSize: tailpress.fontSizeMapper(tailpress.theme('settings.typography.fontSizes', theme)),
    },
    screens: {
      xs: '480px',
      sm: '600px',
      md: '782px',
      lg: tailpress.theme('settings.layout.contentSize', theme),
      xl: tailpress.theme('settings.layout.wideSize', theme),
      '2xl': '1441px',
    },
  },
  plugins: [tailpress.tailwind],
};
