chore: project configuration (Next.js, Tailwind, TypeScript)
This commit is contained in:
49
tailwind.config.ts
Normal file
49
tailwind.config.ts
Normal file
@@ -0,0 +1,49 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user