tailwind.config.js

module.exports = {
  content: ['./dist/**/*.html', './src/**/*.{js,jsx,ts,tsx}', './*.html'],
  plugins: [require('@tailwindcss/forms')],
  variants: {
    extend: {
      opacity: ['disabled']
    }
  },
  darkMode: 'class',
  theme: {
    fontFamily: { sans: ['"Montserrat"'] },
    fontWeight: {
      thin: '100',
      extralight: '200',
      light: '300',
      normal: '400',
      medium: '500',
      semibold: '600',
      bold: '700',
      extrabold: '800',
      black: '900'
    },
    extend: {
      animation: {
        'spin-slow': 'spin 6s linear infinite'
      }
    },
    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
    colors: ({ colors }) => ({
      inherit: colors.inherit,
      current: colors.current,
      neutral: colors.neutral,
      stone: colors.stone,
      white: '#DBD9D4',
      black: '#1A0609',
      accent: '#711c1c',
      'accent-dark': '#490900'
    }),
    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
    borderColor: ({ theme }) => ({
      ...theme('colors'),
      DEFAULT: theme('colors.gray.200', 'currentColor')
    }),
    animation: {
      none: 'none',
      spin: 'spin 1s linear infinite',
      ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
      pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      bounce: 'bounce 1s infinite'
    }
  }
};