Files
menulio/apps/web/tailwind.config.ts
T
2026-08-20 01:51:59 +03:00

43 lines
1.1 KiB
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}",
"./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
],
darkMode: "class",
theme: {
extend: {
fontFamily: {
sans: ["var(--font-sans)", "system-ui", "sans-serif"],
heading: ["var(--font-heading)", "sans-serif"],
serif: ["var(--font-serif)", "Georgia", "serif"],
},
colors: {
amber: {
450: "#F5A524",
},
},
animation: {
"fade-in": "fadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards",
"slide-up": "slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards",
},
keyframes: {
fadeIn: {
"0%": { opacity: "0", transform: "translateY(8px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
slideUp: {
"0%": { opacity: "0", transform: "translateY(16px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
},
},
},
plugins: [],
};
export default config;