| /** @type {import('tailwindcss').Config} */ | |
| module.exports = { | |
| content: [ | |
| './src/**/*.{js,ts,jsx,tsx,html}', | |
| './components/**/*.{js,ts,jsx,tsx}' | |
| ], | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#1a73e8', | |
| secondary: '#e91e63', | |
| }, | |
| spacing: { | |
| 0: '0', | |
| 1: '0.25rem', | |
| 2: '0.5rem', | |
| 4: '1rem', | |
| 8: '2rem', | |
| '72': '18rem', | |
| '84': '21rem' | |
| }, | |
| borderRadius: { | |
| none: '0', | |
| sm: '0.125rem', | |
| md: '0.375rem', | |
| lg: '0.5rem', | |
| xl: '1rem' | |
| }, | |
| fontFamily: { | |
| sans: ['Helvetica Neue', 'Arial', 'sans-serif'], | |
| } | |
| }, | |
| screens: { | |
| sm: '640px', | |
| md: '768px', | |
| lg: '1024px', | |
| xl: '1280px', | |
| '2xl': '1536px' | |
| } | |
| }, | |
| plugins: [ | |
| require('@tailwindcss/forms'), | |
| require('@tailwindcss/typography'), | |
| // Add more plugins as needed | |
| ] | |
| }; |