/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{html,ts}",
    "./src/app/services/blog.service.ts", // Include the BlogService explicitly
  ],
  safelist: [
    'mb-4',
    'text-gray-700',
    'text-blue-600',
    'hover:underline',
    'text-2xl',
    'font-semibold',
    'list-disc',
    'list-inside',
    'rounded-lg',
    'shadow-lg',
    'w-full',
    'h-auto',
    'object-cover',
    'py-20',
    'bg-white',
    'container',
    'mx-auto',
    'px-6',
    'text-3xl',
    'font-bold',
    'text-center',
    'mb-6',
    'text-gray-500',
    'text-sm',
    'hidden',
    'bg-gray-700',
    'flex',
    // Include any other classes used in dynamic content
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}