/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      borderRadius: {
        "2xl": "38.4px",
        lg: "19.2px",
      },
      borderWidth: {
        DEFAULT: "2.4px",
        2: "4.8px",
      },
      padding: {
        5: "56.25px",
        8: "90px",
        6: "67.5px",
        1: "11.25px",
        4: "45px",
        3: "33.75px",
        2: "22.5px",
        16: "180px",
        14: "157.5px",
        7: "56px",
      },
      margin: {
        5: "56.25px",
        14: "157.5px",
        7: "56px",
        8: "90px",
        6: "67.5px",
        1: "11.25px",
        4: "45px",
        3: "33.75px",
        2: "22.5px",
        16: "180px",
      },
      gap: {
        1: "11.25px",
        2: "22.5px",
        3: "33.75px",
        4: "45px",
        8: "90px",
        6: "67.5px",
        9: "101.5px",
      },
      width: {
        3: "33.75px",
        16: "180px",
      },
      height: {
        12: "135px",
        6: "57.6px",
        3: "33.75px",
        16: "180px",
      },
      minHeight: {
        6: "57.6px",
      },
      minWidth: {
        6: "57.6px",
      },
      fontSize: {
        xs: "28.8px",
      },
      inset: {
        6: "67.5px",
        4: "45px",
        2: "22.5px",
      },
    },
  },
  plugins: [],
};