const colors = require('./src/colors.json');

module.exports = {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}',
    // TODO: wenn man den server-pfad auch angibt wird Tailwind langsamer?! (Startzeit erhöht sich stark...)
    // '../server/vbv_lernwelt/**/*.{html,js,py}',
  ],
  theme: {
    fontFamily: {
      sans: ['Buenos Aires', 'sans-serif'],
    },
    extend: {
      spacing: {
        '128': '32rem',
      },
      maxWidth: {
        '8xl': '88rem',
        '9xl': '96rem',
      },
      backgroundImage: {
      }
    },
    colors: colors,
  },
  safelist: [
    { pattern: /bg-(blue|sky|green|red|orange|yellow|stone|gray|slate)-(200|300|400|500|600|700|800|900)/, },
    'it-icon',
  ],
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
  ],
}