build(vscode-ide-companion): add Tailwind CSS configuration

添加 Tailwind CSS、PostCSS 和 Autoprefixer 配置,为渐进式采用 Tailwind CSS 做准备
This commit is contained in:
yiliang114
2025-11-23 16:40:30 +08:00
parent 31f8ca07b6
commit eff01819a8
3 changed files with 45 additions and 0 deletions

View File

@@ -0,0 +1,36 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// 渐进式采用策略只扫描新创建的Tailwind组件
"./src/webview/components/ui/**/*.{js,jsx,ts,tsx}",
"./src/webview/components/TailwindDemo.tsx",
// 当需要在更多组件中使用Tailwind时可以逐步添加路径
// "./src/webview/components/NewComponent/**/*.{js,jsx,ts,tsx}",
// "./src/webview/pages/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {
colors: {
'qwen': {
'orange': '#615fff',
'clay-orange': '#4f46e5',
'ivory': '#f5f5ff',
'slate': '#141420',
'green': '#6bcf7f',
}
},
borderRadius: {
'small': '4px',
'medium': '6px',
'large': '8px',
},
spacing: {
'small': '4px',
'medium': '8px',
'large': '12px',
'xlarge': '16px',
}
},
},
plugins: [],
}