44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
content: [
|
|
'./components/**/*.{vue,js,ts}',
|
|
'./layouts/**/*.{vue,js,ts}',
|
|
'./pages/**/*.{vue,js,ts}',
|
|
'./app/**/*.{vue,js,ts}',
|
|
'./nuxt.config.{js,ts}'
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
heading: ['var(--font-heading)', 'Space Grotesk', 'sans-serif'],
|
|
body: ['var(--font-body)', 'Manrope', 'sans-serif']
|
|
},
|
|
colors: {
|
|
primary: '#7C3AED',
|
|
secondary: '#2563EB',
|
|
accent: '#0EA5E9',
|
|
surface: '#0F172A',
|
|
card: '#0B1020'
|
|
},
|
|
backgroundImage: {
|
|
'hero-gradient': 'linear-gradient(135deg, #7C3AED 0%, #2563EB 50%, #0EA5E9 100%)',
|
|
'card-gradient': 'linear-gradient(145deg, rgba(124,58,237,0.12), rgba(37,99,235,0.08))'
|
|
},
|
|
boxShadow: {
|
|
glow: '0 10px 40px rgba(124, 58, 237, 0.35)'
|
|
},
|
|
keyframes: {
|
|
'fade-up': {
|
|
'0%': { opacity: '0', transform: 'translateY(20px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' }
|
|
}
|
|
},
|
|
animation: {
|
|
'fade-up': 'fade-up 0.9s ease forwards'
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
} satisfies Config
|