| 1 | import type { Config } from "tailwindcss"; |
| 2 | |
| 3 | |
| 4 | const config: Config = { |
| 5 | darkMode: "class", |
| 6 | content: [ |
| 7 | "./app/**/*.{ts,tsx}", |
| 8 | "./components/**/*.{ts,tsx}", |
| 9 | "./lib/**/*.{ts,tsx}", |
| 10 | ], |
| 11 | theme: { |
| 12 | extend: { |
| 13 | colors: { |
| 14 | ink: "var(--dk-ink)", |
| 15 | surface: "var(--dk-surface)", |
| 16 | graphite: "var(--dk-graphite)", |
| 17 | paper: "var(--dk-paper)", |
| 18 | ash: { |
| 19 | DEFAULT: "var(--dk-ash)", |
| 20 | 2: "var(--dk-ash-2)", |
| 21 | }, |
| 22 | line: "var(--dk-line)", |
| 23 | signal: { |
| 24 | DEFAULT: "var(--dk-signal)", |
| 25 | dim: "var(--dk-signal-dim)", |
| 26 | tint: "var(--dk-signal-tint)", |
| 27 | }, |
| 28 | yea: "var(--dk-yea)", |
| 29 | nay: "var(--dk-nay)", |
| 30 | hold: "var(--dk-hold)", |
| 31 | party: { |
| 32 | d: "var(--dk-party-d)", |
| 33 | r: "var(--dk-party-r)", |
| 34 | i: "var(--dk-party-i)", |
| 35 | }, |
| 36 | }, |
| 37 | fontFamily: { |
| 38 | display: ["var(--font-display)", "system-ui", "sans-serif"], |
| 39 | mono: ["var(--font-mono)", "ui-monospace", "monospace"], |
| 40 | prose: ["var(--font-prose)", "Georgia", "serif"], |
| 41 | body: ["var(--font-body)", "system-ui", "sans-serif"], |
| 42 | }, |
| 43 | letterSpacing: { |
| 44 | tightest: "-0.04em", |
| 45 | tighter: "-0.02em", |
| 46 | }, |
| 47 | maxWidth: { |
| 48 | register: "64rem", |
| 49 | }, |
| 50 | keyframes: { |
| 51 | pulseDot: { |
| 52 | "0%, 100%": { opacity: "1", transform: "scale(1)" }, |
| 53 | "50%": { opacity: "0.35", transform: "scale(0.8)" }, |
| 54 | }, |
| 55 | fadeUp: { |
| 56 | "0%": { opacity: "0", transform: "translateY(4px)" }, |
| 57 | "100%": { opacity: "1", transform: "translateY(0)" }, |
| 58 | }, |
| 59 | }, |
| 60 | animation: { |
| 61 | pulseDot: "pulseDot 1.6s ease-in-out infinite", |
| 62 | fadeUp: "fadeUp 240ms ease-out both", |
| 63 | }, |
| 64 | }, |
| 65 | }, |
| 66 | plugins: [], |
| 67 | }; |
| 68 | |
| 69 | export default config; |