tailwind.config.js

module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{ts,tsx,scss}",
    "./node_modules/react-multi-carousel/lib/styles.css",
  ],
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
  plugins: [
    require("tailwindcss-textshadow"),
    require("@tailwindcss/forms"),
    require("tailwind-scrollbar"),
  ],
  theme: {
    gradientColorStops: (theme) => ({
      ...theme("colors"),
      blackOpacity: "rgba(0, 0, 0, var(--tw-bg-opacity))",
    }),
    extend: {
      cursor: {
        none: "none",
      },
      animation: {
        "ping-once":
          "ping 1s cubic-bezier(0, 0, 0.2, 1), hidden 1s linear 1s infinite",
      },
      maxHeight: {
        halfscreen: "50vh",
      },
      transitionProperty: {
        maxHeight: "max-height",
        width: "width",
        strokeDashoffset: "stroke-dashoffset",
      },
      keyframes: {
        hidden: {
          "0%, 100%": {
            opacity: 0,
          },
        },
      },
    },
  },
}