tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        fontGreen: "#0F940D",
        fontRed: "#FF0000",
        fontGray: "#CECECE",
        fontBlack: "#000000",
        fontWhite: "#FFFFFF",
        fontYellow: "#FFDD2E",
      },
      backgroundColor: {
        bgYellow: "#FFDD2E",
        bgRed: "#FF3131",
        bgGray: "#E6E0E9",
        bgBlack: "#000000",
        bgWhite: "#FFFFFF",
        bgMyPageButton: "#CECECE",
        bgMyPageButton2: "#FFDD2E",
        bgYellowHover: "#F4D32F",
        bgWhiteHover: "#F7F7F7",
        bgGrayHover: "#BEBEBE",
        bgChat: "#F0F0F0",
        bgMyChat: "#FFDD2E",
      },
      fontFamily: {
        sans: ["Roboto", "sans-serif"],
        abee: ["ABeeZee", "sans-serif"],
      },
      fontSize: {
        bigTitle: "22px",
        middleTitle: "18px",
        defalut: "14px",
        buttonFont: "20px",
        smallFont: "12px",
        middleFont: "16px",
      },
      width: {
        359: "359px",
        393: "393px",
        30: "30px",
      },
      height: {
        donHave: "777px",
        haveHeader: "713px",
        haveHeaderAndFooter: "633px",
        110: "110px",
        317: "317px",
        340: "340px",
        360: "360px",
        560: "560px",
        500: "500px",
        550: "550px",
        65: "65px",
        43: "43px",
        30: "30px",
        600: "600px",
        650: "650px",
      },
      maxHeight: {
        donHave: "777px",
        haveHeader: "713px",
        haveHeaderAndFooter: "633px",
      },
      minHeight: {
        donHave: "777px",
        haveHeader: "713px",
        haveHeaderAndFooter: "633px",
      },
      borderRadius: {
        20: "20px",
        25: "25px",
        32: "32px",
      },
    },
  },
  plugins: [require("tailwind-scrollbar-hide")],
};