/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: "#0089FF",
        "balck-text": "#0C1C33",
        "sub-text": "#8E9AB0",
        "gap-text": "#E8EAEF",
        "error-text": "#FF381F",
      },
      padding: {
        1.5: "0.375rem",
        2.5: "0.625rem",
        3.5: "0.875rem",
        4.5: "1.125rem",
        5.5: "1.375rem",
        6.5: "1.625rem",
      },
      margin: {
        2.5: "0.625rem",
        3.5: "0.875rem",
        4.5: "1.125rem",
        5.5: "1.375rem",
        6.5: "1.625rem",
      },
      borderWidth: {
        DEFAULT: "1px",
        0: "0",
        2: "2px",
        3: "3px",
        4: "4px",
        6: "6px",
        8: "8px",
      },
      width: {
        10.5: "2.625rem",
      },
      height: {
        10.5: "2.625rem",
      },
    },
  },
  corePlugins: {
    // preflight: false
  },
  plugins: [require("@tailwindcss/line-clamp")],
};