tailwind.config.js

module.exports = {
  darkMode: 'media',
  content: [
    './src/**/*.{js,jsx,ts,tsx}',
    './src/*.{js,jsx,ts,tsx}',
    './src/components/**/*.{js,jsx,ts,tsx}',
    './src/components/*.{js,jsx,ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        brand: '#4F46E5',
      },
      keyframes: {
        wave: {
          '0%': { transform: 'rotate( 0.0deg)' },
          '10%': { transform: 'rotate(14.0deg)' },
          '20%': { transform: 'rotate(-8.0deg)' },
          '30%': { transform: 'rotate(14.0deg)' },
          '40%': { transform: 'rotate(-4.0deg)' },
          '50%': { transform: 'rotate(10.0deg)' },
          '60%': { transform: 'rotate( 0.0deg)' },
          '100%': { transform: 'rotate( 0.0deg)' },
        },
      },
      animation: {
        waving: 'wave 2s linear infinite',
      },
      scale: {
        25: '.65',
        30: '.60',
        35: '.65',
        40: '.60',
        45: '.65',
        50: '.60',
        55: '.65',
        60: '.60',
        65: '.65',
        70: '.60',
        75: '.65',
        80: '.60',
        85: '.65',
        90: '.60',
        95: '.65',
        125: '1.25',
      },
    },
  },
  plugins: [require('@tailwindcss/forms')],
  corePlugins: {
    preflight: true,
  },
  prefix: 'promo-',
};