52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'isis-blue': '#0188B2',
|
|
'isis-blue-hover': '#00A8E0',
|
|
bg: 'var(--color-bg)',
|
|
card: 'var(--color-card)',
|
|
hover: 'var(--color-hover)',
|
|
'surface-subtle': 'var(--color-surface-subtle)',
|
|
skeleton: 'var(--color-skeleton)',
|
|
success: '#22C55E',
|
|
warning: '#F59E0B',
|
|
danger: '#EF4444',
|
|
info: '#3B82F6',
|
|
},
|
|
textColor: {
|
|
primary: 'var(--color-text-primary)',
|
|
secondary: 'var(--color-text-secondary)',
|
|
muted: 'var(--color-text-muted)',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
h1: ['28px', { lineHeight: '1.2', fontWeight: '600' }],
|
|
h2: ['22px', { lineHeight: '1.18', fontWeight: '600' }],
|
|
h3: ['18px', { lineHeight: '1.3', fontWeight: '500' }],
|
|
body: ['14px', { lineHeight: '1.5', fontWeight: '400' }],
|
|
small: ['12px', { lineHeight: '1.4', fontWeight: '400' }],
|
|
},
|
|
borderColor: {
|
|
DEFAULT: 'var(--color-border)',
|
|
strong: 'var(--color-border-strong)',
|
|
},
|
|
keyframes: {
|
|
'slide-in-right': {
|
|
from: { transform: 'translateX(100%)' },
|
|
to: { transform: 'translateX(0)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'slide-in-right': 'slide-in-right 0.25s ease-out',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config;
|