45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
'sans': ['SF Pro Display', 'Roboto', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Arial', 'sans-serif']
|
|
},
|
|
colors: {
|
|
orange: {
|
|
light: '#FF4900',
|
|
DEFAULT: '#FF4900',
|
|
dark: '#FF4900',
|
|
}
|
|
}
|
|
},
|
|
screens: {
|
|
'ss': '375px',
|
|
'st': '500px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
fontSize: {
|
|
'ss': '12px',
|
|
'st': '14px',
|
|
'base': '16px', // 默认基准字体大小
|
|
'sm': '16px', // 小屏幕下的基准字体大小
|
|
'md': '20px', // 中等屏幕下的基准字体大小
|
|
'lg': '22px', // 大屏幕下的基准字体大小
|
|
'xl': '24px', // 超大屏幕下的基准字体大小
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
} satisfies Config
|
|
|