Spaces:
Sleeping
Sleeping
File size: 1,910 Bytes
5e0532d |
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 |
/** @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: [],
}
|