38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./folkugat_web/assets/templates/**/*.{html, jinja}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
'brown': '#3e3834',
|
|
'beige': '#b27c09',
|
|
},
|
|
animation: {
|
|
'fade-in-one': 'fadeIn 1s ease-in 0.3s 1 normal forwards',
|
|
'fade-in-two': 'fadeIn 1s ease-in 0.6s 1 normal forwards',
|
|
'fade-in-three': 'fadeIn 1s ease-in 0.9s 1 normal forwards',
|
|
'grow': 'grow 0.3s ease-in 0s 1 normal forwards',
|
|
'marquee': 'marquee 25s linear infinite',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: 0 },
|
|
'100%': { opacity: 1 },
|
|
},
|
|
grow: {
|
|
'0%': { width: '0%' },
|
|
'100%': { width: '100%' },
|
|
},
|
|
marquee: {
|
|
'0%': { transform: 'translateX(0%)' },
|
|
'100%': { transform: 'translateX(-100%)' },
|
|
}
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|