50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
const config: Config = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./src/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: '#eef5ff',
|
|
100: '#d9e8ff',
|
|
200: '#bbd5ff',
|
|
300: '#8cbbff',
|
|
400: '#5695ff',
|
|
500: '#2f6cff',
|
|
600: '#1849f5',
|
|
700: '#1038e1',
|
|
800: '#142eb6',
|
|
900: '#172c8f',
|
|
950: '#121d57',
|
|
},
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
'slide-down': 'slideDown 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
from: { opacity: '0' },
|
|
to: { opacity: '1' },
|
|
},
|
|
slideDown: {
|
|
from: { opacity: '0', transform: 'translateY(-8px)' },
|
|
to: { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
};
|
|
|
|
export default config;
|