132 lines
3.7 KiB
JavaScript
132 lines
3.7 KiB
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
content: [
|
||
|
|
"./index.html",
|
||
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
||
|
|
],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
primary: {
|
||
|
|
50: '#f0f9ff',
|
||
|
|
100: '#e0f2fe',
|
||
|
|
200: '#bae6fd',
|
||
|
|
300: '#7dd3fc',
|
||
|
|
400: '#38bdf8',
|
||
|
|
500: '#0ea5e9',
|
||
|
|
600: '#0284c7',
|
||
|
|
700: '#0369a1',
|
||
|
|
800: '#075985',
|
||
|
|
900: '#0c4a6e',
|
||
|
|
},
|
||
|
|
secondary: {
|
||
|
|
50: '#f8fafc',
|
||
|
|
100: '#f1f5f9',
|
||
|
|
200: '#e2e8f0',
|
||
|
|
300: '#cbd5e1',
|
||
|
|
400: '#94a3b8',
|
||
|
|
500: '#64748b',
|
||
|
|
600: '#475569',
|
||
|
|
700: '#334155',
|
||
|
|
800: '#1e293b',
|
||
|
|
900: '#0f172a',
|
||
|
|
},
|
||
|
|
success: {
|
||
|
|
50: '#f0fdf4',
|
||
|
|
100: '#dcfce7',
|
||
|
|
200: '#bbf7d0',
|
||
|
|
300: '#86efac',
|
||
|
|
400: '#4ade80',
|
||
|
|
500: '#22c55e',
|
||
|
|
600: '#16a34a',
|
||
|
|
700: '#15803d',
|
||
|
|
800: '#166534',
|
||
|
|
900: '#14532d',
|
||
|
|
},
|
||
|
|
warning: {
|
||
|
|
50: '#fefce8',
|
||
|
|
100: '#fef9c3',
|
||
|
|
200: '#fef08a',
|
||
|
|
300: '#fde047',
|
||
|
|
400: '#facc15',
|
||
|
|
500: '#eab308',
|
||
|
|
600: '#ca8a04',
|
||
|
|
700: '#a16207',
|
||
|
|
800: '#854d0e',
|
||
|
|
900: '#713f12',
|
||
|
|
},
|
||
|
|
error: {
|
||
|
|
50: '#fef2f2',
|
||
|
|
100: '#fee2e2',
|
||
|
|
200: '#fecaca',
|
||
|
|
300: '#fca5a5',
|
||
|
|
400: '#f87171',
|
||
|
|
500: '#ef4444',
|
||
|
|
600: '#dc2626',
|
||
|
|
700: '#b91c1c',
|
||
|
|
800: '#991b1b',
|
||
|
|
900: '#7f1d1d',
|
||
|
|
},
|
||
|
|
golf: {
|
||
|
|
green: '#2D5016',
|
||
|
|
fairway: '#355E3B',
|
||
|
|
sand: '#C2B280',
|
||
|
|
water: '#4682B4',
|
||
|
|
rough: '#3A5F0B',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
|
||
|
|
mono: ['JetBrains Mono', 'Consolas', 'Monaco', 'Courier New', 'monospace'],
|
||
|
|
},
|
||
|
|
animation: {
|
||
|
|
'fade-in': 'fadeIn 0.3s ease-in-out',
|
||
|
|
'fade-out': 'fadeOut 0.3s ease-in-out',
|
||
|
|
'slide-in': 'slideIn 0.3s ease-out',
|
||
|
|
'slide-out': 'slideOut 0.3s ease-out',
|
||
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
||
|
|
'bounce-slow': 'bounce 2s infinite',
|
||
|
|
},
|
||
|
|
keyframes: {
|
||
|
|
fadeIn: {
|
||
|
|
'0%': { opacity: '0' },
|
||
|
|
'100%': { opacity: '1' },
|
||
|
|
},
|
||
|
|
fadeOut: {
|
||
|
|
'0%': { opacity: '1' },
|
||
|
|
'100%': { opacity: '0' },
|
||
|
|
},
|
||
|
|
slideIn: {
|
||
|
|
'0%': { transform: 'translateX(-100%)' },
|
||
|
|
'100%': { transform: 'translateX(0)' },
|
||
|
|
},
|
||
|
|
slideOut: {
|
||
|
|
'0%': { transform: 'translateX(0)' },
|
||
|
|
'100%': { transform: 'translateX(100%)' },
|
||
|
|
},
|
||
|
|
},
|
||
|
|
boxShadow: {
|
||
|
|
'golf': '0 4px 6px -1px rgba(45, 80, 22, 0.1), 0 2px 4px -1px rgba(45, 80, 22, 0.06)',
|
||
|
|
'golf-lg': '0 10px 15px -3px rgba(45, 80, 22, 0.1), 0 4px 6px -2px rgba(45, 80, 22, 0.05)',
|
||
|
|
},
|
||
|
|
backgroundImage: {
|
||
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
||
|
|
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
|
||
|
|
'golf-pattern': "url('data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"%232D5016\" fill-opacity=\"0.03\"%3E%3Cpath d=\"M0 40L40 0H20L0 20M40 40V20L20 40\"%3E%3C/path%3E%3C/g%3E%3C/svg%3E')",
|
||
|
|
},
|
||
|
|
spacing: {
|
||
|
|
'18': '4.5rem',
|
||
|
|
'88': '22rem',
|
||
|
|
'120': '30rem',
|
||
|
|
'128': '32rem',
|
||
|
|
'144': '36rem',
|
||
|
|
},
|
||
|
|
screens: {
|
||
|
|
'xs': '480px',
|
||
|
|
'3xl': '1920px',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
}
|