mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-19 11:43:30 +00:00
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
content: ["./src/**/*.{js,ts,jsx,tsx}", "index.html"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
slideDownAndFade: {
|
|
from: { opacity: 0, transform: "translateY(-2px)" },
|
|
to: { opacity: 1, transform: "translateY(0)" },
|
|
},
|
|
slideLeftAndFade: {
|
|
from: { opacity: 0, transform: "translateX(2px)" },
|
|
to: { opacity: 1, transform: "translateX(0)" },
|
|
},
|
|
slideUpAndFade: {
|
|
from: { opacity: 0, transform: "translateY(2px)" },
|
|
to: { opacity: 1, transform: "translateY(0)" },
|
|
},
|
|
slideRightAndFade: {
|
|
from: { opacity: 0, transform: "translateX(-2px)" },
|
|
to: { opacity: 1, transform: "translateX(0)" },
|
|
},
|
|
},
|
|
animation: {
|
|
slideDownAndFade:
|
|
"slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
slideLeftAndFade:
|
|
"slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
slideRightAndFade:
|
|
"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/typography")],
|
|
};
|