xyy-m/tailwind.config.js

/** @type {import('tailwindcss').Config} */
const generateSpacingMap = () => {
  const tmpList = {};
  for (let index = 0; index < 500; index++) {
    tmpList[index] = `${index}px`;
  }
  return tmpList;
};
module.exports = {
  content: [
    "./src/components/**/*.{js,vue,ts}",
    "./src/layouts/**/*.vue",
    "./src/pages/**/*.vue",
    "./src/plugins/**/*.{js,ts}",
    "./src/app.vue",
  ],
  theme: {
    spacing: generateSpacingMap(),
    fontSize: {
      sm: "12px",
      base: "14px",
      xl: "16px",
      "2xl": "18px",
      "3xl": "20px",
      "4xl": "22px",
      "5xl": "24px",
      "6xl": "26px",
      "7xl": "28px",
      "8xl": "30px",
    },
    lineHeight: {
      sm: "12px",
      base: "14px",
      xl: "16px",
      "2xl": "18px",
      "3xl": "20px",
      "4xl": "22px",
      "5xl": "24px",
      "6xl": "26px",
      "7xl": "28px",
      "8xl": "30px",
    },
    borderRadius: {
      sm: "2px",
      DEFAULT: "4px",
      md: "6px",
      lg: "8px",
      xl: "10px",
      "2xl": "12px",
      full: "9999px",
    },
    extend: {
      colors: {
        primary: "#FE8E2C",
        "black-3": "#333333",
        "black-6": "#666666",
        "black-9": "#999999",
        "black-c": "#cccccc",
        "black-d": "#dddddd",
        "black-e": "#eeeeee",
        "black-f5": "#f5f5f5",
        "black-fa": "#fafafa",
        "black-ed": "#EDEDED",
        "black-a3": "#a3a3a3",
        "black-f9": "#f9f9f9",
        "black-f3": "#f3f3f3",
        "black-f4": "#f4f4f4",
        "black-a": "#aaaaaa",
      },
      fontFamily: {
        youSheBiaoti: ["YouSheBiaoTiHei"],
        DIN: ["DINAlternate-Bold, DINAlternate"],
      },
      letterSpacing: {
        1: "1px",
      },
    },
  },
  plugins: [],
};