You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.8 KiB
119 lines
3.8 KiB
/** @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' |
|
} |
|
}, |
|
|
|
plugins: [ |
|
require('@tailwindcss/line-clamp') // 引入插件 |
|
] |
|
}
|
|
|