34 lines
902 B
JavaScript
34 lines
902 B
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ['./index.html', './src/**/*.{vue,js,ts}'],
|
|
theme: {
|
|
extend: {
|
|
animation: {
|
|
marquee: 'marquee 50s linear infinite',
|
|
marquee2: 'marquee2 25s linear infinite',
|
|
},
|
|
keyframes: {
|
|
marquee: {
|
|
'0%': { transform: 'translateX(0%)' },
|
|
'100%': { transform: 'translateX(-40%)' },
|
|
},
|
|
marquee2: {
|
|
'0%': { transform: 'translateX(100%)' },
|
|
'100%': { transform: 'translateX(0%)' },
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['"Inter var"', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/line-clamp'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
],
|
|
}
|