61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: 'var(--color-primary)',
|
|
accent: 'var(--color-accent)',
|
|
success: 'var(--color-success)',
|
|
warning: 'var(--color-warning)',
|
|
error: 'var(--color-error)',
|
|
surface: 'var(--surface)',
|
|
muted: 'var(--surface-muted)',
|
|
border: 'var(--border)',
|
|
},
|
|
fontFamily: {
|
|
sans: ['var(--sans)'],
|
|
heading: ['var(--heading)'],
|
|
mono: ['var(--mono)'],
|
|
},
|
|
fontSize: {
|
|
xs: ['var(--font-size-xs)', { lineHeight: 'var(--line-height-normal)' }],
|
|
sm: ['var(--font-size-sm)', { lineHeight: 'var(--line-height-normal)' }],
|
|
base: ['var(--font-size-base)', { lineHeight: 'var(--line-height-normal)' }],
|
|
lg: ['var(--font-size-lg)', { lineHeight: 'var(--line-height-normal)' }],
|
|
xl: ['var(--font-size-xl)', { lineHeight: 'var(--line-height-tight)' }],
|
|
'2xl': ['var(--font-size-2xl)', { lineHeight: 'var(--line-height-tight)' }],
|
|
'3xl': ['var(--font-size-3xl)', { lineHeight: 'var(--line-height-tight)' }],
|
|
'4xl': ['var(--font-size-4xl)', { lineHeight: 'var(--line-height-tight)' }],
|
|
},
|
|
spacing: {
|
|
xxs: 'var(--space-xxs)',
|
|
xs: 'var(--space-xs)',
|
|
sm: 'var(--space-sm)',
|
|
md: 'var(--space-md)',
|
|
lg: 'var(--space-lg)',
|
|
xl: 'var(--space-xl)',
|
|
'2xl': 'var(--space-2xl)',
|
|
'3xl': 'var(--space-3xl)',
|
|
},
|
|
borderRadius: {
|
|
xs: 'var(--radius-xs)',
|
|
sm: 'var(--radius-sm)',
|
|
md: 'var(--radius-md)',
|
|
lg: 'var(--radius-lg)',
|
|
xl: 'var(--radius-xl)',
|
|
full: '9999px',
|
|
},
|
|
boxShadow: {
|
|
subtle: 'var(--shadow-subtle)',
|
|
card: 'var(--card-shadow)',
|
|
hover: 'var(--shadow-hover)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|