bugfix
This commit is contained in:
@ -1,119 +1,125 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
||||
theme: {
|
||||
colors: {
|
||||
white: 'var(--color-white)',
|
||||
primary: {
|
||||
DEFAULT: 'var(--el-color-primary)',
|
||||
'light-3': 'var(--el-color-primary-light-3)',
|
||||
'light-5': 'var(--el-color-primary-light-5)',
|
||||
'light-7': 'var(--el-color-primary-light-7)',
|
||||
'light-8': 'var(--el-color-primary-light-8)',
|
||||
'light-9': 'var(--el-color-primary-light-9)',
|
||||
'dark-2': 'var(--el-color-primary-dark-2)'
|
||||
},
|
||||
success: 'var(--el-color-success)',
|
||||
warning: 'var(--el-color-warning)',
|
||||
danger: 'var(--el-color-danger)',
|
||||
error: 'var(--el-color-error)',
|
||||
info: 'var(--el-color-info)',
|
||||
body: 'var(--el-bg-color)',
|
||||
page: 'var(--el-bg-color-page)',
|
||||
'tx-primary': 'var(--el-text-color-primary)',
|
||||
'tx-regular': 'var(--el-text-color-regular)',
|
||||
'tx-secondary': 'var(--el-text-color-secondary)',
|
||||
'tx-placeholder': 'var(--el-text-color-placeholder)',
|
||||
'tx-disabled': 'var(--el-text-color-disabled)',
|
||||
br: 'var(--el-border-color)',
|
||||
'br-light': 'var(--el-border-color-light)',
|
||||
'br-extra-light': 'var(--el-border-color-extra-light)',
|
||||
'br-dark': 'var( --el-border-color-dark)',
|
||||
fill: 'var(--el-fill-color)',
|
||||
'fill-light': 'var(--el-fill-color-light)',
|
||||
'fill-lighter': 'var(--el-fill-color-lighter)',
|
||||
mask: 'var(--el-mask-color)'
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['PingFang SC', 'Arial', 'Hiragino Sans GB', 'Microsoft YaHei', 'sans-serif']
|
||||
},
|
||||
boxShadow: {
|
||||
DEFAULT: 'var(--el-box-shadow)',
|
||||
light: 'var(--el-box-shadow-light)',
|
||||
lighter: 'var(--el-box-shadow-lighter)',
|
||||
dark: 'var(--el-box-shadow-dark)'
|
||||
},
|
||||
fontSize: {
|
||||
xs: 'var(--el-font-size-extra-small)',
|
||||
sm: 'var( --el-font-size-small)',
|
||||
base: 'var( --el-font-size-base)',
|
||||
lg: 'var( --el-font-size-medium)',
|
||||
xl: 'var( --el-font-size-large)',
|
||||
'2xl': 'var( --el-font-size-extra-large)',
|
||||
'3xl': '20px',
|
||||
'4xl': '24px',
|
||||
'5xl': '28px',
|
||||
'6xl': '30px',
|
||||
'7xl': '36px',
|
||||
'8xl': '48px',
|
||||
'9xl': '60px'
|
||||
},
|
||||
spacing: {
|
||||
px: '1px',
|
||||
0: '0px',
|
||||
0.5: '2px',
|
||||
1: '4px',
|
||||
1.5: '6px',
|
||||
2: '8px',
|
||||
2.5: '10px',
|
||||
3: '12px',
|
||||
3.5: '14px',
|
||||
4: '16px',
|
||||
5: '20px',
|
||||
6: '24px',
|
||||
7: '28px',
|
||||
8: '32px',
|
||||
9: '36px',
|
||||
10: '40px',
|
||||
11: '44px',
|
||||
12: '48px',
|
||||
14: '56px',
|
||||
16: '64px',
|
||||
20: '80px',
|
||||
24: '96px',
|
||||
28: '112px',
|
||||
32: '128px',
|
||||
36: '144px',
|
||||
40: '160px',
|
||||
44: '176px',
|
||||
48: '192px',
|
||||
52: '208px',
|
||||
56: '224px',
|
||||
60: '240px',
|
||||
64: '256px',
|
||||
72: '288px',
|
||||
80: '320px',
|
||||
96: '384px'
|
||||
},
|
||||
lineHeight: {
|
||||
none: '1',
|
||||
tight: '1.25',
|
||||
snug: '1.375',
|
||||
normal: '1.5',
|
||||
relaxed: '1.625',
|
||||
loose: '2',
|
||||
3: '12px',
|
||||
4: '16px',
|
||||
5: '20px',
|
||||
6: '24px',
|
||||
7: '28px',
|
||||
8: '32px',
|
||||
9: '36px',
|
||||
10: '40px'
|
||||
}
|
||||
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
||||
theme: {
|
||||
colors: {
|
||||
white: "var(--color-white)",
|
||||
primary: {
|
||||
DEFAULT: "var(--el-color-primary)",
|
||||
"light-3": "var(--el-color-primary-light-3)",
|
||||
"light-5": "var(--el-color-primary-light-5)",
|
||||
"light-7": "var(--el-color-primary-light-7)",
|
||||
"light-8": "var(--el-color-primary-light-8)",
|
||||
"light-9": "var(--el-color-primary-light-9)",
|
||||
"dark-2": "var(--el-color-primary-dark-2)",
|
||||
},
|
||||
success: "var(--el-color-success)",
|
||||
warning: "var(--el-color-warning)",
|
||||
danger: "var(--el-color-danger)",
|
||||
error: "var(--el-color-error)",
|
||||
info: "var(--el-color-info)",
|
||||
body: "var(--el-bg-color)",
|
||||
page: "var(--el-bg-color-page)",
|
||||
"tx-primary": "var(--el-text-color-primary)",
|
||||
"tx-regular": "var(--el-text-color-regular)",
|
||||
"tx-secondary": "var(--el-text-color-secondary)",
|
||||
"tx-placeholder": "var(--el-text-color-placeholder)",
|
||||
"tx-disabled": "var(--el-text-color-disabled)",
|
||||
br: "var(--el-border-color)",
|
||||
"br-light": "var(--el-border-color-light)",
|
||||
"br-extra-light": "var(--el-border-color-extra-light)",
|
||||
"br-dark": "var( --el-border-color-dark)",
|
||||
fill: "var(--el-fill-color)",
|
||||
"fill-light": "var(--el-fill-color-light)",
|
||||
"fill-lighter": "var(--el-fill-color-lighter)",
|
||||
mask: "var(--el-mask-color)",
|
||||
},
|
||||
fontFamily: {
|
||||
sans: [
|
||||
"PingFang SC",
|
||||
"Arial",
|
||||
"Hiragino Sans GB",
|
||||
"Microsoft YaHei",
|
||||
"sans-serif",
|
||||
],
|
||||
},
|
||||
boxShadow: {
|
||||
DEFAULT: "var(--el-box-shadow)",
|
||||
light: "var(--el-box-shadow-light)",
|
||||
lighter: "var(--el-box-shadow-lighter)",
|
||||
dark: "var(--el-box-shadow-dark)",
|
||||
},
|
||||
fontSize: {
|
||||
xs: "var(--el-font-size-extra-small)",
|
||||
sm: "var( --el-font-size-small)",
|
||||
base: "var( --el-font-size-base)",
|
||||
lg: "var( --el-font-size-medium)",
|
||||
xl: "var( --el-font-size-large)",
|
||||
"2xl": "var( --el-font-size-extra-large)",
|
||||
"3xl": "20px",
|
||||
"4xl": "24px",
|
||||
"5xl": "28px",
|
||||
"6xl": "30px",
|
||||
"7xl": "36px",
|
||||
"8xl": "48px",
|
||||
"9xl": "60px",
|
||||
},
|
||||
spacing: {
|
||||
px: "1px",
|
||||
0: "0px",
|
||||
0.5: "2px",
|
||||
1: "4px",
|
||||
1.5: "6px",
|
||||
2: "8px",
|
||||
2.5: "10px",
|
||||
3: "12px",
|
||||
3.5: "14px",
|
||||
4: "16px",
|
||||
5: "20px",
|
||||
6: "24px",
|
||||
7: "28px",
|
||||
8: "32px",
|
||||
9: "36px",
|
||||
10: "40px",
|
||||
11: "44px",
|
||||
12: "48px",
|
||||
14: "56px",
|
||||
16: "64px",
|
||||
20: "80px",
|
||||
24: "96px",
|
||||
28: "112px",
|
||||
32: "128px",
|
||||
36: "144px",
|
||||
40: "160px",
|
||||
44: "176px",
|
||||
48: "192px",
|
||||
52: "208px",
|
||||
56: "224px",
|
||||
60: "240px",
|
||||
64: "256px",
|
||||
72: "288px",
|
||||
80: "320px",
|
||||
96: "384px",
|
||||
},
|
||||
lineHeight: {
|
||||
none: "1",
|
||||
tight: "1.25",
|
||||
snug: "1.375",
|
||||
normal: "1.5",
|
||||
relaxed: "1.625",
|
||||
loose: "2",
|
||||
3: "12px",
|
||||
4: "16px",
|
||||
5: "20px",
|
||||
6: "24px",
|
||||
7: "28px",
|
||||
8: "32px",
|
||||
9: "36px",
|
||||
10: "40px",
|
||||
},
|
||||
},
|
||||
|
||||
plugins: [
|
||||
require('@tailwindcss/line-clamp') // 引入插件
|
||||
]
|
||||
}
|
||||
plugins: [
|
||||
require("@tailwindcss/line-clamp"), // 引入插件
|
||||
],
|
||||
};
|
||||
|
Reference in New Issue
Block a user