PM
41 lines
1012 B
TypeScript
41 lines
1012 B
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
yellow: "#FFD23F",
|
|
coral: "#FF5C5C",
|
|
mint: "#4ECDC4",
|
|
lavender: "#A593E0",
|
|
sky: "#5BCEFA",
|
|
dark: "#2D2D2D",
|
|
cream: "#FFF8E7",
|
|
},
|
|
fontFamily: {
|
|
sans: ["Fredoka", "system-ui", "sans-serif"],
|
|
display: ["Fredoka", "system-ui", "sans-serif"],
|
|
},
|
|
boxShadow: {
|
|
card: "0 6px 0 rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08)",
|
|
btn: "0 5px 0 rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.12)",
|
|
chunky: "0 3px 0 rgba(0,0,0,0.15)",
|
|
"btn-hover":
|
|
"0 7px 0 rgba(0,0,0,0.18), 0 4px 10px rgba(0,0,0,0.14)",
|
|
},
|
|
borderRadius: {
|
|
chunk: "22px",
|
|
pill: "999px",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|