|
|
|
|
const plugin = require("tailwindcss/plugin");
|
|
|
|
|
|
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
module.exports = {
|
|
|
|
|
content: [
|
|
|
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
|
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
|
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
|
|
|
],
|
|
|
|
|
theme: {
|
|
|
|
|
extend: {
|
|
|
|
|
keyframes: {
|
|
|
|
|
wave: {
|
|
|
|
|
"0%": { transform: "rotate(0.0deg)" },
|
|
|
|
|
"10%": { transform: "rotate(14deg)" },
|
|
|
|
|
"20%": { transform: "rotate(-8deg)" },
|
|
|
|
|
"30%": { transform: "rotate(14deg)" },
|
|
|
|
|
"40%": { transform: "rotate(-4deg)" },
|
|
|
|
|
"50%": { transform: "rotate(10.0deg)" },
|
|
|
|
|
"60%": { transform: "rotate(0.0deg)" },
|
|
|
|
|
"100%": { transform: "rotate(0.0deg)" },
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
animation: {
|
|
|
|
|
"waving-hand": "wave 2s linear infinite",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [
|
|
|
|
|
require("@catppuccin/tailwindcss")({
|
|
|
|
|
// which flavour of colours to use by default, in the `:root`
|
|
|
|
|
defaultFlavour: "latte",
|
|
|
|
|
}),
|
|
|
|
|
plugin(function ({ addVariant }) {
|
|
|
|
|
addVariant("hocus", ["&:hover", "&:focus"]);
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
};
|
