module.exports = { content: ["./templates/**/*.{html,js}", "./static/**/*.{html,js}"], darkMode: "media", // or 'media' or 'class' theme: { extend: { animation: { "gradient-x": "gradient-x 32s ease infinite", "gradient-y": "gradient-y 32s ease infinite", "gradient-xy": "gradient-xy 32s ease infinite", }, keyframes: { "gradient-y": { "0%, 100%": { "background-size": "400% 400%", "background-position": "center top", }, "50%": { "background-size": "200% 200%", "background-position": "center center", }, }, "gradient-x": { "0%, 100%": { "background-size": "200% 200%", "background-position": "left center", }, "50%": { "background-size": "200% 200%", "background-position": "right center", }, }, "gradient-xy": { "0%, 100%": { "background-size": "400% 400%", "background-position": "left center", }, "50%": { "background-size": "200% 200%", "background-position": "right center", }, }, }, }, }, variants: { extend: {}, }, plugins: [ require('@themesberg/flowbite/plugin') ] };