78 lines
1.8 KiB
JavaScript
78 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
darkMode: ['class', '[data-theme="dark"]'],
|
|
content: ['./src/**/*.{jsx,tsx,html}', './docs/**/*.{jsx,tsx,html}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#f0f5ff',
|
|
100: '#e0ebff',
|
|
200: '#c5d9ff',
|
|
300: '#a3bdff',
|
|
400: '#7a99ff',
|
|
500: '#2160fd',
|
|
600: '#1e4fd4',
|
|
700: '#1939a8',
|
|
800: '#15278a',
|
|
900: '#121d70',
|
|
},
|
|
slate: {
|
|
50: '#f8fafc',
|
|
100: '#f1f5f9',
|
|
200: '#e2e8f0',
|
|
300: '#cbd5e1',
|
|
400: '#94a3b8',
|
|
500: '#64748b',
|
|
600: '#475569',
|
|
700: '#334155',
|
|
800: '#1e293b',
|
|
900: '#0f172a',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
spacing: {
|
|
'1': '0.25rem',
|
|
'2': '0.5rem',
|
|
'3': '0.75rem',
|
|
'4': '1rem',
|
|
'6': '1.5rem',
|
|
'8': '2rem',
|
|
'12': '3rem',
|
|
'16': '4rem',
|
|
'20': '5rem',
|
|
'24': '6rem',
|
|
},
|
|
borderRadius: {
|
|
'sm': '0.375rem',
|
|
'md': '0.5rem',
|
|
'lg': '0.75rem',
|
|
'xl': '1rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '2rem',
|
|
},
|
|
boxShadow: {
|
|
'sm': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
|
|
'md': '0 4px 6px -1px rgb(0 0 0 / 0.1)',
|
|
'lg': '0 10px 15px -3px rgb(0 0 0 / 0.1)',
|
|
'xl': '0 20px 25px -5px rgb(0 0 0 / 0.1)',
|
|
},
|
|
transitionProperty: {
|
|
'colors': 'color, background-color, border-color, text-decoration-color, fill, stroke',
|
|
'all': 'all',
|
|
},
|
|
transitionDuration: {
|
|
'200': '200ms',
|
|
'300': '300ms',
|
|
'500': '500ms',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|