60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
module.exports = {
|
|
mode: 'jit',
|
|
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
|
|
darkMode: 'media', // or false or 'class'
|
|
theme: {
|
|
fontFamily: {
|
|
sans: ['Poppins', 'sans-serif'],
|
|
},
|
|
extend: {
|
|
animation: {
|
|
'bounce-slow': 'slow-bounce 2s ease-in-out infinite',
|
|
},
|
|
keyframes: {
|
|
'slow-bounce': {
|
|
'0%, 100%': {
|
|
transform: 'translateY(-5%)',
|
|
animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)',
|
|
},
|
|
'50%': {
|
|
transform: 'translateY(0)',
|
|
animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
|
|
},
|
|
},
|
|
},
|
|
typography: (theme) => ({
|
|
dark: {
|
|
css: {
|
|
color: theme('colors.gray.200'),
|
|
h1: {
|
|
color: theme('colors.white'),
|
|
},
|
|
h2: {
|
|
color: theme('colors.white'),
|
|
},
|
|
h3: {
|
|
color: theme('colors.white'),
|
|
},
|
|
h4: {
|
|
color: theme('colors.white'),
|
|
},
|
|
a: {
|
|
color: theme('colors.indigo.500'),
|
|
}
|
|
},
|
|
},
|
|
}),
|
|
zIndex: {
|
|
'-1': '-1',
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
animation: ['motion-safe'],
|
|
typography: ['dark'],
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/typography')],
|
|
}
|