first commit
This commit is contained in:
commit
34ea15a54d
246 changed files with 18660 additions and 0 deletions
115
frontend/tailwind.config.js
Normal file
115
frontend/tailwind.config.js
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./index.html', './src/**/*.{js,jsx}'],
|
||||
theme: {
|
||||
screens: {
|
||||
xs: '390px',
|
||||
sm: '640px',
|
||||
md: '768px',
|
||||
lg: '1024px',
|
||||
xl: '1280px',
|
||||
'2xl': '1440px',
|
||||
},
|
||||
extend: {
|
||||
colors: {
|
||||
ink: {
|
||||
DEFAULT: '#0F0E0C',
|
||||
muted: '#5C574F',
|
||||
faint: '#8A847A',
|
||||
},
|
||||
surface: {
|
||||
DEFAULT: '#FAF8F5',
|
||||
elevated: '#FFFFFF',
|
||||
muted: '#F3EFE8',
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: '#C45C26',
|
||||
hover: '#A34A1E',
|
||||
subtle: '#F5E8DF',
|
||||
},
|
||||
gold: {
|
||||
DEFAULT: '#C9A227',
|
||||
muted: '#E8D9A8',
|
||||
},
|
||||
festival: {
|
||||
DEFAULT: '#8B2E5A',
|
||||
subtle: '#F3E6ED',
|
||||
},
|
||||
border: {
|
||||
DEFAULT: '#E8E4DD',
|
||||
strong: '#D4CEC4',
|
||||
},
|
||||
success: {
|
||||
DEFAULT: '#2D6A4F',
|
||||
subtle: '#E6F2EC',
|
||||
},
|
||||
danger: {
|
||||
DEFAULT: '#B42318',
|
||||
subtle: '#FCECEA',
|
||||
},
|
||||
},
|
||||
fontFamily: {
|
||||
display: ['"Fraunces"', 'Georgia', 'serif'],
|
||||
sans: ['"DM Sans"', 'system-ui', 'sans-serif'],
|
||||
},
|
||||
fontSize: {
|
||||
'display-xl': ['clamp(2.25rem, 5vw, 3.75rem)', { lineHeight: '1.05', letterSpacing: '-0.02em', fontWeight: '600' }],
|
||||
'display-lg': ['clamp(1.875rem, 3.5vw, 2.5rem)', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '600' }],
|
||||
'display-md': ['1.25rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '600' }],
|
||||
body: ['1rem', { lineHeight: '1.65' }],
|
||||
'body-sm': ['0.875rem', { lineHeight: '1.55' }],
|
||||
caption: ['0.75rem', { lineHeight: '1.45', letterSpacing: '0.04em' }],
|
||||
label: ['0.8125rem', { lineHeight: '1.2', letterSpacing: '0.08em', fontWeight: '600' }],
|
||||
},
|
||||
spacing: {
|
||||
gutter: '1rem',
|
||||
'gutter-md': '1.5rem',
|
||||
'gutter-lg': '2rem',
|
||||
section: '4rem',
|
||||
'section-lg': '6rem',
|
||||
},
|
||||
maxWidth: {
|
||||
content: '80rem',
|
||||
prose: '42rem',
|
||||
editorial: '36rem',
|
||||
},
|
||||
borderRadius: {
|
||||
sm: '0.125rem',
|
||||
DEFAULT: '0.25rem',
|
||||
md: '0.375rem',
|
||||
lg: '0.5rem',
|
||||
'2xl': '1rem',
|
||||
pill: '9999px',
|
||||
},
|
||||
boxShadow: {
|
||||
sm: '0 1px 2px 0 rgba(15, 14, 12, 0.05)',
|
||||
editorial: '0 1px 0 0 rgba(15, 14, 12, 0.06)',
|
||||
card: '0 12px 40px -24px rgba(15, 14, 12, 0.18)',
|
||||
lift: '0 20px 50px -30px rgba(15, 14, 12, 0.22)',
|
||||
inset: 'inset 0 1px 0 0 rgba(255, 255, 255, 0.04)',
|
||||
},
|
||||
transitionDuration: {
|
||||
DEFAULT: '200ms',
|
||||
medium: '300ms',
|
||||
slow: '500ms',
|
||||
},
|
||||
transitionTimingFunction: {
|
||||
smooth: 'cubic-bezier(0.22, 1, 0.36, 1)',
|
||||
},
|
||||
backgroundImage: {
|
||||
'scrim-bottom': 'linear-gradient(to top, rgba(15, 14, 12, 0.72) 0%, rgba(15, 14, 12, 0) 68%)',
|
||||
'scrim-subtle': 'linear-gradient(180deg, rgba(15, 14, 12, 0.04) 0%, transparent 100%)',
|
||||
},
|
||||
animation: {
|
||||
shimmer: 'shimmer 1.6s ease-in-out infinite',
|
||||
},
|
||||
keyframes: {
|
||||
shimmer: {
|
||||
'0%': { backgroundPosition: '200% 0' },
|
||||
'100%': { backgroundPosition: '-200% 0' },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue