48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
content: ['./app/**/*.{js,vue,ts}', './layers/**/*.{js,vue,ts}'],
|
|
// 사용하지 않는 CSS 제거 (PurgeCSS)
|
|
purge: {
|
|
enabled: process.env.NODE_ENV === 'production',
|
|
content: ['./app/**/*.{js,vue,ts}', './layers/**/*.{js,vue,ts}'],
|
|
// 안전한 클래스 보호
|
|
safelist: [
|
|
/^theme-/,
|
|
/^bg-/,
|
|
/^text-/,
|
|
/^border-/,
|
|
/^hover:/,
|
|
/^md:/,
|
|
/^lg:/,
|
|
/^sm:/,
|
|
],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
xxs: '0px', // 0px ~ 359px
|
|
xs: '360px', // Mobile: 360px ~ 767px
|
|
sm: '768px', // Tablet: 768px ~ 1023px
|
|
md: '1024px', // PC: 1024px ~ 1439px
|
|
lg: '1440px', // Large PC: 1440px+
|
|
},
|
|
spacing: {},
|
|
colors: {
|
|
'theme-foreground': 'var(--foreground)',
|
|
'theme-foreground-10': 'var(--foreground-10)',
|
|
|
|
'theme-foreground-reversal': 'var(--foreground-reversal)',
|
|
'theme-foreground-reversal-4': 'var(--foreground-reversal-4)',
|
|
'theme-foreground-reversal-6': 'var(--foreground-reversal-6)',
|
|
'theme-foreground-reversal-8': 'var(--foreground-reversal-8)',
|
|
'theme-foreground-reversal-10': 'var(--foreground-reversal-10)',
|
|
'theme-foreground-reversal-15': 'var(--foreground-reversal-15)',
|
|
|
|
'theme-foreground-gray-750': 'var(--foreground-gray-750)',
|
|
'theme-foreground-gray-500': 'var(--foreground-gray-500)',
|
|
},
|
|
},
|
|
},
|
|
} satisfies Config
|