first commit
This commit is contained in:
45
tailwind.config.js
Normal file
45
tailwind.config.js
Normal file
@@ -0,0 +1,45 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
// 扫描模板文件,确保 Tailwind 能正确生成所需的原子类
|
||||
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
// 自定义暖色系调色板
|
||||
coral: '#ff7e5f', // 珊瑚橙
|
||||
warmApricot: '#feb47b', // 暖杏色
|
||||
warmOffwhite: '#fffaf8', // 温暖米白
|
||||
},
|
||||
backgroundImage: {
|
||||
// 核心渐变:珊瑚橙到暖杏色
|
||||
'gradient-warm': 'linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%)',
|
||||
// 辅助柔和渐变
|
||||
'gradient-soft': 'linear-gradient(135deg, #FFF1EB 0%, #ACE0F9 100%)',
|
||||
},
|
||||
fontFamily: {
|
||||
// 全局无衬线字体栈
|
||||
sans: [
|
||||
'Nunito',
|
||||
'Noto Sans SC',
|
||||
'system-ui',
|
||||
'-apple-system',
|
||||
'BlinkMacSystemFont',
|
||||
'Segoe UI',
|
||||
'sans-serif',
|
||||
],
|
||||
},
|
||||
keyframes: {
|
||||
// 轻微上浮的淡入动画
|
||||
'fade-in': {
|
||||
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
||||
'100%': { opacity: '1', transform: 'translateY(0)' },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
'fade-in': 'fade-in 0.3s ease-out both',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user