/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./assets/**/*.js",
    "./templates/**/*.html.twig",
  ],
  safelist: [
      "flex",
      "flex-col",
      "flex-row",
      "p-2",
      "p-4",
      "w-32",
      "w-64",
      "bg-blue-300",
      "bg-orange-300",
      "bg-fuchsia-300",
      "bg-green-400",
      "bg-purple-400",
      "bg-orange-400",
      "bg-red-500",
      "bg-green-500",
      "bg-blue-600",
      "bg-rose-600",
      "bg-black/20",
      "text-red-500",
      "text-green-500",
      "alert-success",
      "alert-warning",
      "font-bold",
      "min-w-64",
      "rotate-180",
      "-rotate-180",
      "transition-opacity",
      "ease-in",
      "duration-700",
      "opacity-100",
      "table-row",
      "max-w-[60ch]",
      "truncate",
      "text-wrap",
      "rounded-sm",
      "rounded-md",
      "r-tablecell",
      "animate__animated",
      "animate__slideInLeft",
      "animate__animateFaster"
  ],
  theme: {
      extend: {
          animation: {
              fade: 'fadeIn .3s ease-in-out',
          },

          keyframes: {
              fadeIn: {
                  from: { opacity: 0 },
                  to: { opacity: 1 },
              },
          },
      },
  },
  plugins: [],
}
