120 lines
3.8 KiB
JavaScript
120 lines
3.8 KiB
JavaScript
|
/** @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') // 引入插件
|
||
|
|
]
|
||
|
|
}
|