Spaces:
Sleeping
Sleeping
| /** @type {import('tailwindcss').Config} */ | |
| module.exports = { | |
| content: [ | |
| './pages/**/*.{js,ts,jsx,tsx,mdx}', | |
| './components/**/*.{js,ts,jsx,tsx,mdx}', | |
| './app/**/*.{js,ts,jsx,tsx,mdx}', | |
| ], | |
| theme: { | |
| extend: { | |
| fontFamily: { | |
| sans: ['Inter', 'sans-serif'], | |
| }, | |
| colors: { | |
| brand: { | |
| amber: '#f59e0b', | |
| dark: '#050402', | |
| } | |
| }, | |
| animation: { | |
| 'beam': 'beam 3s linear infinite', | |
| 'spin-slow': 'spin 12s linear infinite', | |
| 'spin-slow-reverse': 'spin 15s linear infinite reverse', | |
| 'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite', | |
| 'flicker': 'candle-flicker 4s infinite ease-in-out', | |
| 'float': 'float 6s ease-in-out infinite', | |
| 'sonar': 'sonar-wave 3s cubic-bezier(0, 0, 0.2, 1) infinite', | |
| 'border-spin': 'border-spin 2.5s linear infinite', | |
| 'shimmer': 'shimmer 4s linear infinite', | |
| }, | |
| keyframes: { | |
| beam: { | |
| '0%': { strokeDashoffset: '1000' }, | |
| '100%': { strokeDashoffset: '0' }, | |
| }, | |
| 'candle-flicker': { | |
| '0%, 100%': { transform: 'scale(1)', opacity: '1' }, | |
| '25%': { transform: 'scale(1.02)', opacity: '0.9' }, | |
| '50%': { transform: 'scale(0.98)', opacity: '0.8' }, | |
| '75%': { transform: 'scale(1.01)', opacity: '0.95' }, | |
| }, | |
| float: { | |
| '0%, 100%': { transform: 'translateY(0)' }, | |
| '50%': { transform: 'translateY(-10px)' }, | |
| }, | |
| 'sonar-wave': { | |
| '0%': { r: '10px', opacity: '0.8', strokeWidth: '1px' }, | |
| '100%': { r: '80px', opacity: '0', strokeWidth: '0px' }, | |
| }, | |
| 'border-spin': { | |
| 'to': { '--gradient-angle': '360deg' }, | |
| }, | |
| shimmer: { | |
| 'to': { transform: 'translate(-50%, -50%) rotate(360deg)' }, | |
| }, | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| } | |