61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
// Filename: tailwind.config.js
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'selector',
|
|
content: [
|
|
//'./web/templates/base.html',
|
|
'./web/templates/**/*.html',
|
|
'./web/static/js/**/*.js',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
// 定义语义化颜色
|
|
fontFamily: {
|
|
sans: ["Inter", "sans-serif", "Pixelify Sans"],
|
|
quinquefive: ['QuinqueFive', 'sans-serif'],
|
|
mono: [
|
|
"JetBrains Mono",
|
|
"SFMono-Regular",
|
|
"Menlo",
|
|
"Monaco",
|
|
"Consolas",
|
|
"monospace",
|
|
],
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.5s ease-out",
|
|
"slide-up": "slideUp 0.5s ease-out",
|
|
"slide-down": "slideDown 0.5s ease-out",
|
|
shake: "shake 0.5s ease-in-out",
|
|
spin: "spin 1s linear infinite",
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
"0%": { opacity: "0" },
|
|
"100%": { opacity: "1" },
|
|
},
|
|
slideUp: {
|
|
"0%": { transform: "translateY(20px)", opacity: "0" },
|
|
"100%": { transform: "translateY(0)", opacity: "1" },
|
|
},
|
|
slideDown: {
|
|
"0%": { transform: "translateY(-20px)", opacity: "0" },
|
|
"100%": { transform: "translateY(0)", opacity: "1" },
|
|
},
|
|
shake: {
|
|
"0%, 100%": { transform: "translateX(0)" },
|
|
"25%": { transform: "translateX(-5px)" },
|
|
"75%": { transform: "translateX(5px)" },
|
|
},
|
|
spin: {
|
|
"0%": { transform: "rotate(0deg)" },
|
|
"100%": { transform: "rotate(360deg)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|