49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Code-Forge Design Guide colors
|
|
'deep-night': '#0A0E1A',
|
|
'electric-teal': '#00FFFF',
|
|
'blaze-orange': '#FF8C00',
|
|
'cool-blue': '#4D94FF',
|
|
'light-grey': '#C0C0C0',
|
|
},
|
|
fontFamily: {
|
|
mono: ['"JetBrains Mono"', 'monospace'],
|
|
},
|
|
animation: {
|
|
'float': 'float 3s ease-in-out infinite',
|
|
'pulse-glow': 'pulse-glow 8s ease-in-out infinite',
|
|
'gradient': 'gradient 8s linear infinite',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
'pulse-glow': {
|
|
'0%, 100%': { transform: 'scale(1)', opacity: '0.5' },
|
|
'50%': { transform: 'scale(1.1)', opacity: '0.8' },
|
|
},
|
|
gradient: {
|
|
'0%, 100%': { backgroundPosition: '0% 50%' },
|
|
'50%': { backgroundPosition: '100% 50%' },
|
|
},
|
|
},
|
|
backgroundSize: {
|
|
'200': '200% 200%',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|