echoer/client/tailwind.config.js
2025-01-05 21:38:27 +08:00

29 lines
756 B
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
mode: "all",
content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
theme: {
extend: {
colors: {
accent: 'var(--accent-color)',
},
animation: {
'slide-in': 'slide-in 0.3s ease-out',
'slide-out': 'slide-out 0.3s ease-out',
},
keyframes: {
'slide-in': {
'0%': { transform: 'translateX(100%)', opacity: '0' },
'100%': { transform: 'translateX(0)', opacity: '1' },
},
'slide-out': {
'0%': { transform: 'translateX(0)', opacity: '1' },
'100%': { transform: 'translateX(100%)', opacity: '0' },
},
},
},
},
plugins: [],
darkMode: ['class'],
};