104 lines
2.6 KiB
JavaScript
104 lines
2.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: ["class"],
|
|
content: [
|
|
"./pages/**/*.{ts,tsx}",
|
|
"./components/**/*.{ts,tsx}",
|
|
"./app/**/*.{ts,tsx}",
|
|
"./src/**/*.{ts,tsx}",
|
|
],
|
|
prefix: "",
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: "2rem",
|
|
screens: {
|
|
"2xl": "1400px",
|
|
},
|
|
},
|
|
extend: {
|
|
colors: {
|
|
// Primary colors
|
|
ink: {
|
|
DEFAULT: "var(--ink)",
|
|
80: "var(--ink-80)",
|
|
40: "var(--ink-40)",
|
|
12: "var(--ink-12)",
|
|
6: "var(--ink-06)",
|
|
},
|
|
paper: {
|
|
DEFAULT: "var(--paper)",
|
|
dark: "var(--paper-dark)",
|
|
},
|
|
white: "var(--white)",
|
|
|
|
// Accent
|
|
slash: {
|
|
DEFAULT: "var(--slash)",
|
|
dim: "var(--slash-dim)",
|
|
},
|
|
|
|
// Neutrals
|
|
meta: "var(--meta)",
|
|
border: "var(--border)",
|
|
"border-light": "var(--border-light)",
|
|
},
|
|
fontFamily: {
|
|
display: ["Space Grotesk", "sans-serif"],
|
|
mono: ["Geist Mono", "monospace"],
|
|
},
|
|
fontSize: {
|
|
"ds-xs": ["9px", { lineHeight: "1.4", letterSpacing: "0.14em" }],
|
|
"ds-sm": ["10px", { lineHeight: "1.5", letterSpacing: "0.12em" }],
|
|
"ds-base": ["11px", { lineHeight: "1.6" }],
|
|
"ds-md": ["12px", { lineHeight: "1.7" }],
|
|
"ds-lg": ["13px", { lineHeight: "1.6" }],
|
|
},
|
|
spacing: {
|
|
"sp-1": "4px",
|
|
"sp-2": "8px",
|
|
"sp-3": "12px",
|
|
"sp-4": "16px",
|
|
"sp-5": "20px",
|
|
"sp-6": "24px",
|
|
"sp-8": "32px",
|
|
"sp-10": "40px",
|
|
"sp-12": "48px",
|
|
"sp-16": "64px",
|
|
"sp-20": "80px",
|
|
"sp-24": "96px",
|
|
},
|
|
borderRadius: {
|
|
"r-sm": "4px",
|
|
"r-md": "8px",
|
|
"r-lg": "16px",
|
|
"r-full": "999px",
|
|
},
|
|
transitionTimingFunction: {
|
|
"ease-out": "cubic-bezier(.16,1,.3,1)",
|
|
"ease-in": "cubic-bezier(.4,0,1,1)",
|
|
},
|
|
keyframes: {
|
|
"accordion-down": {
|
|
from: { height: "0" },
|
|
to: { height: "var(--radix-accordion-content-height)" },
|
|
},
|
|
"accordion-up": {
|
|
from: { height: "var(--radix-accordion-content-height)" },
|
|
to: { height: "0" },
|
|
},
|
|
pulse: {
|
|
"0%, 100%": { opacity: "1", transform: "scale(1)" },
|
|
"50%": { opacity: "0.5", transform: "scale(0.75)" },
|
|
},
|
|
},
|
|
animation: {
|
|
"accordion-down": "accordion-down 0.2s ease-out",
|
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
pulse: "pulse 2s ease-in-out infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|