Bitmagnet-Next-Web/tailwind.config.js
journey-ad f30e565c85 dev
2024-06-12 11:54:33 +08:00

55 lines
1.4 KiB
JavaScript

import {nextui} from '@nextui-org/theme'
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./utils/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
],
safelist: [
{
pattern: /(bg|text)-(red|green|blue|gray)-\d+/,
},
],
theme: {
extend: {
fontFamily: {
sans: ["var(--font-sans)"],
mono: ["var(--font-geist-mono)"],
},
keyframes: {
'fade-in': {
'0%': { opacity: 0 },
'100%': { opacity: 1 },
},
'fade-out': {
'0%': { opacity: 1 },
'100%': { opacity: 0 },
},
'fade-in-up': {
'0%': { opacity: 0, transform: 'translateY(-10px)' },
'100%': { opacity: 1, transform: 'translateY(0)' },
},
'pop': {
'0%': { transform: 'scale(1)' },
'50%': { transform: 'scale(1.05)' },
'100%': { transform: 'scale(1)' },
},
},
animation: {
'fade-in': 'fade-in 0.3s ease-in-out',
'fade-out': 'fade-out 0.3s ease-out forwards',
'fade-in-up': 'fade-in-up 0.3s ease-in-out',
'pop': 'pop 0.4s cubic-bezier(0.4, 0, 0.2, 1)',
},
},
},
future: {
hoverOnlyWhenSupported: true,
},
darkMode: "class",
plugins: [nextui()],
}