| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- /** @type {import('tailwindcss').Config} */
- export default {
- content: [
- './index.html',
- './src/**/*.{vue,js,ts,jsx,tsx}',
- ],
- theme: {
- extend: {
- fontFamily: {
- sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
- mono: ['"JetBrains Mono"', 'ui-monospace', 'monospace'],
- },
- colors: {
- brand: {
- 50: '#eef2ff',
- 100: '#e0e7ff',
- 200: '#c7d2fe',
- 300: '#a5b4fc',
- 400: '#818cf8',
- 500: '#6366f1',
- 600: '#4f46e5',
- 700: '#4338ca',
- 800: '#3730a3',
- 900: '#312e81',
- 950: '#1e1b4b',
- },
- },
- animation: {
- 'fade-in': 'fadeIn 0.2s ease-out',
- 'slide-up': 'slideUp 0.25s ease-out',
- 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
- },
- keyframes: {
- fadeIn: { from: { opacity: '0' }, to: { opacity: '1' } },
- slideUp: { from: { opacity: '0', transform: 'translateY(12px)' }, to: { opacity: '1', transform: 'translateY(0)' } },
- },
- },
- },
- plugins: [],
- }
|
