const colors = require('tailwindcss/colors')

module.exports = {
  content: [
    './client/index.html',
    './client/src/**/*.{vue,js,ts,jsx,tsx}',
    './server/vbv_lernwelt/**/*.{html,js}',
  ],
  theme: {
    fontFamily: {
      sans: ['BuenosAires', 'sans-serif'],
    },
    extend: {
      spacing: {
        '128': '32rem',
      }
    },
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: colors.black,
      white: colors.white,
      blue: colors.blue,
      gray: colors.gray,
      emerald: colors.emerald,
      indigo: colors.indigo,
      yellow: colors.yellow,
      slate: colors.slate,
      'blue-dark': '#00224D',
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
  ],
}