mirror of
https://github.com/R0m1k3/podcastic.git
synced 2026-10-11 17:26:20 +02:00
MichaelandClaude Opus 4.7
5c2a6438cd
Refonte du design system (CSS variables, composants glass/card/button/badge), nouvelle page PodcastDetails avec route /podcast/:id, lecteur audio immersif avec visualiseur audio, animations, thème dark/light, responsive mobile/desktop. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
indigo: '#6366f1',
|
|
cyan: '#06b6d4',
|
|
rose: '#f43f5e',
|
|
gold: '#f59e0b',
|
|
emerald: '#10b981',
|
|
violet: '#8b5cf6',
|
|
},
|
|
surface: {
|
|
base: 'var(--bg-base)',
|
|
surface: 'var(--bg-surface)',
|
|
elevated:'var(--bg-elevated)',
|
|
glass: 'var(--bg-glass)',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['"Outfit"', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
|
|
display: ['"Montserrat"', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
'sm': 'var(--radius-sm)',
|
|
'md': 'var(--radius-md)',
|
|
'lg': 'var(--radius-lg)',
|
|
'xl': 'var(--radius-xl)',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fade-in 0.3s ease both',
|
|
'slide-up': 'slide-up 0.4s cubic-bezier(0.2,0.8,0.2,1) both',
|
|
'slide-down': 'slide-down 0.35s cubic-bezier(0.2,0.8,0.2,1) both',
|
|
'slide-left': 'slide-left 0.3s ease both',
|
|
'scale-in': 'scale-in 0.35s cubic-bezier(0.2,0.8,0.2,1) both',
|
|
'float': 'float 4s ease-in-out infinite',
|
|
'spin-slow': 'spin-slow 12s linear infinite',
|
|
'shimmer': 'shimmer 1.6s ease-in-out infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|