tailwind.config.js

// /** @type {import('tailwindcss').Config} */
// export default {
//   content: [
//     './src/**/*{html,js,ts}',
//   ],
//   theme: {
//     extend: {},
//   },
//   plugins: [],
// }

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,ts}'],
  theme: {
    extend: {
      width: {
        '97': '97%',
      },
      colors: {
        'c-bg-page': 'hsl(37, 10%, 92%)',
        'c-body-gradient': 'hsl(37, 12%, 84%)',
        'blue-gray': '#eceff180',
      },
      backgroundImage: {
        'custom-gradient': 'linear-gradient(to bottom, hsl(37, 12%, 84%), hsl(37, 10%, 92%) 116px)',
      },
      keyframes: {
        pulse: {
          '0%, 100%': { backgroundColor: 'transparent', borderColor: 'transparent' },
          '50%': { backgroundColor: '#3b82f6', borderColor: '#3b82f6' },
        },
      },
      animation: {
        'pulse-blue': 'pulse 2s infinite',
      },
    },
  },
  plugins: [],
};