34 lines
600 B
JavaScript
34 lines
600 B
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||
|
|
darkMode: 'class',
|
||
|
|
theme: {
|
||
|
|
screens: {
|
||
|
|
'sm': '640px',
|
||
|
|
'md': '768px',
|
||
|
|
'lg': '1024px',
|
||
|
|
'xl': '1280px',
|
||
|
|
'2xl': '1536px'
|
||
|
|
},
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
primary: {
|
||
|
|
50: '#eff6ff',
|
||
|
|
100: '#dbeafe',
|
||
|
|
200: '#bfdbfe',
|
||
|
|
300: '#93c5fd',
|
||
|
|
400: '#60a5fa',
|
||
|
|
500: '#3b82f6',
|
||
|
|
600: '#2563eb',
|
||
|
|
700: '#1d4ed8',
|
||
|
|
800: '#1e40af',
|
||
|
|
900: '#1e3a8a'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
import('@tailwindcss/forms'),
|
||
|
|
import('@tailwindcss/typography')
|
||
|
|
]
|
||
|
|
};
|