mirror of
https://github.com/ThisTine/Snip.git
synced 2026-08-18 23:18:47 +07:00
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: "class",
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
display: ['"Clash Display"', "ui-sans-serif", "system-ui", "sans-serif"],
|
|
sans: ['"General Sans"', "ui-sans-serif", "system-ui", "sans-serif"],
|
|
mono: ['"Space Mono"', "ui-monospace", "SFMono-Regular", "monospace"],
|
|
},
|
|
colors: {
|
|
// Warm paper + ink, electric lime accent. Deliberately not purple-on-white.
|
|
paper: "#F4F2EA",
|
|
ink: "#16170F",
|
|
lime: {
|
|
DEFAULT: "#C6F24E",
|
|
400: "#D2F76B",
|
|
500: "#C6F24E",
|
|
600: "#A9DB2E",
|
|
700: "#7FA614",
|
|
},
|
|
},
|
|
boxShadow: {
|
|
pop: "0 2px 0 0 var(--ring), 0 10px 30px -12px rgba(0,0,0,0.35)",
|
|
hard: "4px 4px 0 0 var(--ink-solid)",
|
|
},
|
|
borderRadius: {
|
|
"4xl": "2rem",
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
"0%, 100%": { transform: "translateY(0)" },
|
|
"50%": { transform: "translateY(-8px)" },
|
|
},
|
|
"spin-slow": {
|
|
to: { transform: "rotate(360deg)" },
|
|
},
|
|
},
|
|
animation: {
|
|
float: "float 6s ease-in-out infinite",
|
|
"spin-slow": "spin-slow 18s linear infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|