44 lines
988 B
TypeScript
44 lines
988 B
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: "var(--background)",
|
|
foreground: "var(--foreground)",
|
|
primary: "var(--primary)",
|
|
},
|
|
},
|
|
screens: {
|
|
'xs': '480px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
animation: {
|
|
"silly-bouncing": 'silly-bounce 0.8s infinite',
|
|
'window-popup': 'window-popup 1s',
|
|
'window-popdown': 'window-popdown 1s'
|
|
},
|
|
keyframes: {
|
|
"fade-in-half": {
|
|
'0%, 50%': { opacity: "0" },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
"fade-out-half": {
|
|
'0%, 50%': { opacity: "1" },
|
|
'100%': { opacity: '0' },
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|