tailwind.config.cjs

const plugin = require("tailwindcss/plugin");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        icon: {
          inactive: "#7a7a7a",
          hover: "#8c9290",
          active: "#15e38a",
          "split-active": "#15e38a transparent #15e38a transparent",
        },
        neu: {
          DEFAULT: "#ececec",
        },
      },
      animation: {
        "bounce-horizontal": "bounce-horizontal-animation 2s infinite ease",
      },
      keyframes: {
        "bounce-horizontal-animation": {
          "50%": { "background-position": "left" },
        },
      },
    },
  },
  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities({
        ".h-d-screen": {
          height: "100vh",
          height: "100dvh",
        },
        ".min-h-d-screen": {
          "min-height": "100vh",
          "min-height": "100dvh",
        },
      });
    }),
  ],
};