admin
6cc54d8a29
- Add xs (480px) breakpoint to tailwind config for mobile - Standardize scroll-reveal animations to opacity 0→1, y 24→0 - Add responsive padding to main container (px-5 xs:px-6 md:px-8) - Add responsive section padding (py-12 xs:py-16 md:py-20) - FloatingNav: responsive width and font/padding on mobile - Hero: responsive vitals grid, title font clamp to 28px min - Skills: responsive grid (2→3→auto-fit), smaller gauges on mobile - Experience: responsive card padding, ECG decoration size - Education/Projects: responsive grids matching concept.html - Contact/Footer: responsive padding
54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
screens: {
|
|
'xs': '480px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
teal: {
|
|
DEFAULT: '#00897B',
|
|
light: 'rgba(0, 137, 123, 0.08)',
|
|
medium: 'rgba(0, 137, 123, 0.15)',
|
|
},
|
|
coral: {
|
|
DEFAULT: '#FF6B6B',
|
|
light: 'rgba(255, 107, 107, 0.08)',
|
|
},
|
|
heading: '#0F172A',
|
|
text: '#334155',
|
|
muted: '#94A3B8',
|
|
border: '#E2E8F0',
|
|
ecg: {
|
|
green: '#00ff41',
|
|
cyan: '#00e5ff',
|
|
dim: '#3a6b45',
|
|
grey: '#666666',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
primary: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
|
|
secondary: ['Inter Tight', 'system-ui', 'sans-serif'],
|
|
mono: ['Fira Code', 'monospace'],
|
|
},
|
|
boxShadow: {
|
|
'sm': '0 1px 3px rgba(0,0,0,0.06)',
|
|
'md': '0 4px 12px rgba(0,0,0,0.08)',
|
|
'lg': '0 8px 24px rgba(0,0,0,0.1)',
|
|
},
|
|
borderRadius: {
|
|
'card': '16px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|