Import project configuration: tailwind.config.js
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./index.html', './src/**/*.{js,jsx}'],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'gold': '#c9a84c',
|
||||
'gold-light': '#e8c547',
|
||||
'gold-dim': '#8a6f2e',
|
||||
'gold-faint': '#3d2f0e',
|
||||
'dark-base': '#070709',
|
||||
'dark-card': '#0f0f12',
|
||||
'dark-surface': '#161619',
|
||||
'dark-border': '#242428',
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||||
display: ['Space Grotesk', 'system-ui', 'sans-serif'],
|
||||
mono: ['Space Mono', 'monospace'],
|
||||
},
|
||||
boxShadow: {
|
||||
'gold': '0 0 24px rgba(201,168,76,0.28), 0 0 64px rgba(201,168,76,0.08)',
|
||||
'gold-sm': '0 0 12px rgba(201,168,76,0.22)',
|
||||
'gold-lg': '0 0 40px rgba(201,168,76,0.35), 0 0 100px rgba(201,168,76,0.1)',
|
||||
'card': '0 8px 32px rgba(0,0,0,0.5)',
|
||||
'card-lg': '0 20px 60px rgba(0,0,0,0.7)',
|
||||
},
|
||||
backgroundImage: {
|
||||
'gold-gradient': 'linear-gradient(135deg, #c9a84c 0%, #e8c547 50%, #c9a84c 100%)',
|
||||
'dark-gradient': 'linear-gradient(180deg, #070709 0%, #0f0f12 100%)',
|
||||
},
|
||||
transitionTimingFunction: {
|
||||
'expo': 'cubic-bezier(0.22, 1, 0.36, 1)',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
Reference in New Issue
Block a user