tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{jsx,js,ts,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        georgia: ['Georgia'],
        fredokaOne: [
          'Fredoka One',
          'PingFang SC',
          'Microsoft Yahei',
          'Helvetica',
          'Arial',
          'sans-serif'
        ],
        hanaleiFill: ['Hanalei Fill'],
        ruslanDisplay: ['Ruslan Display'],
        lobster: ['Lobster'],
        pacifico: ['Pacifico'],
        gloriaHallelujah: ['Gloria Hallelujah']
      },
      screens: {
        xs: {
          max: '750px'
        },
        'min-xs': {
          min: '750px'
        }
      },
      backgroundImage: {
        transparent:
          "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==')"
      }
    }
  },
  plugins: [require('daisyui')],
  daisyui: {
    styled: true,
    themes: true,
    base: true,
    utils: true,
    logs: true,
    rtl: false,
    prefix: '',
    // eslint-disable-next-line no-dupe-keys
    themes: ['emerald']
  }
}