tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./src/**/*.{js,ts,jsx,tsx}",
        "./src/pages/**/*.{js,ts,jsx,tsx}",
        "./src/components/**/*.{js,ts,jsx,tsx}",

        // Or if using `src` directory:
        "./src/**/*.{js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    orange: "#FDA855",
                    blue: "#0180AB",
                    gray: "#878787",
                    lightblue: "#BDD6D0",
                },
                secondry: {
                    orange: "#FBC495",
                },
            },
            fontFamily: {
                Rubik: ["Rubik", "sans-serif"],
            },
            scale: {
                "-100": "-1",
            },
            keyframes: {
                slideLeft: {
                    "0%": {
                        transform: "translateX(-100px)",
                    },
                    "100%": {
                        transform: "translateX(-150px)",
                    },
                },
            },
            animation: {
                slideLeft: "slideLeft 1s",
            },
        },
    },
    plugins: [require("@tailwindcss/line-clamp")],
};