58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: ['class'],
|
|
content: ['./src/**/*.{ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
canvas: 'hsl(var(--canvas))',
|
|
ink: 'hsl(var(--ink))',
|
|
body: 'hsl(var(--body))',
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
soft: 'hsl(var(--muted-soft))',
|
|
},
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
active: 'hsl(var(--primary-active))',
|
|
disabled: 'hsl(var(--primary-disabled))',
|
|
},
|
|
hairline: {
|
|
DEFAULT: 'hsl(var(--hairline))',
|
|
soft: 'hsl(var(--hairline-soft))'
|
|
},
|
|
'surface-soft': 'hsl(var(--surface-soft))',
|
|
'surface-card': 'hsl(var(--surface-card))',
|
|
'on-primary': 'hsl(var(--on-primary))',
|
|
},
|
|
borderRadius: {
|
|
lg: '14px', // Overriding spec to match visual description
|
|
md: '8px',
|
|
sm: '4px',
|
|
full: '9999px',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Airbnb Cereal VF', 'Circular', 'sans-serif'],
|
|
},
|
|
boxShadow: {
|
|
card: '0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.02)',
|
|
'card-hover': '0 0 0 1px rgba(0,0,0,0.04),0_2px_6px_rgba(0,0,0,0.06),0_6px_12px_rgba(0,0,0,0.08)',
|
|
},
|
|
keyframes: {
|
|
'accordion-down': {
|
|
from: { height: 0 },
|
|
to: { height: 'var(--radix-accordion-content-height)' },
|
|
},
|
|
'accordion-up': {
|
|
from: { height: 'var(--radix-accordion-content-height)' },
|
|
to: { height: 0 },
|
|
},
|
|
},
|
|
animation: {
|
|
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('tailwindcss-animate')],
|
|
}; |