Spaces:
Build error
Build error
File size: 2,550 Bytes
a923783 c49e448 a923783 c49e448 a923783 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | module.exports = {
content: [
'./pages/**/*.{js,jsx}',
'./components/**/*.{js,jsx}',
],
theme: {
extend: {
colors: {
navy: {
950: '#050810',
900: '#0a0e1a',
800: '#0d1224',
700: '#111833',
600: '#1a2342',
500: '#243056',
},
accent: {
purple: '#8b5cf6',
'purple-light': '#a78bfa',
cyan: '#06b6d4',
'cyan-light': '#22d3ee',
},
glass: {
DEFAULT: 'rgba(13, 18, 36, 0.7)',
light: 'rgba(26, 35, 66, 0.5)',
}
},
fontFamily: {
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
boxShadow: {
'glow-purple': '0 0 20px rgba(139, 92, 246, 0.15)',
'glow-cyan': '0 0 20px rgba(6, 182, 212, 0.15)',
'glow-purple-lg': '0 0 40px rgba(139, 92, 246, 0.2)',
'glass': '0 8px 32px rgba(0, 0, 0, 0.3)',
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
},
animation: {
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'glow': 'glow 2s ease-in-out infinite alternate',
'float': 'float 6s ease-in-out infinite',
'shimmer': 'shimmer 2s linear infinite',
'slide-up': 'slideUp 0.3s ease-out',
'slide-down': 'slideDown 0.3s ease-out',
'fade-in': 'fadeIn 0.4s ease-out',
'scale-in': 'scaleIn 0.2s ease-out',
},
keyframes: {
glow: {
'0%': { boxShadow: '0 0 5px rgba(139, 92, 246, 0.2)' },
'100%': { boxShadow: '0 0 20px rgba(139, 92, 246, 0.4)' },
},
float: {
'0%, 100%': { transform: 'translateY(0px)' },
'50%': { transform: 'translateY(-10px)' },
},
shimmer: {
'0%': { backgroundPosition: '-200% 0' },
'100%': { backgroundPosition: '200% 0' },
},
slideUp: {
'0%': { transform: 'translateY(10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
slideDown: {
'0%': { transform: 'translateY(-10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
scaleIn: {
'0%': { transform: 'scale(0.95)', opacity: '0' },
'100%': { transform: 'scale(1)', opacity: '1' },
},
}
},
},
plugins: [],
} |