File size: 2,002 Bytes
c736f72 65949d0 c736f72 65949d0 c736f72 65949d0 5eaf65c 65949d0 5eaf65c c736f72 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | import type { Config } from "tailwindcss";
const config: Config = {
content: ["./index.html", "./src/**/*.{ts,tsx}"],
darkMode: "class",
theme: {
extend: {
colors: {
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
muted: "hsl(var(--muted))",
"muted-foreground": "hsl(var(--muted-foreground))",
border: "hsl(var(--border))",
ring: "hsl(var(--ring))",
paper: "hsl(var(--paper))",
ink: "hsl(var(--ink))",
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
accent: {
DEFAULT: "hsl(var(--accent))",
foreground: "hsl(var(--accent-foreground))",
},
ember: "hsl(var(--ember))",
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
},
fontFamily: {
display: ['"Fraunces"', "ui-serif", "Georgia", "serif"],
sans: ['"IBM Plex Sans"', "ui-sans-serif", "system-ui"],
mono: ['"IBM Plex Mono"', "ui-monospace", "SFMono-Regular", "monospace"],
},
letterSpacing: {
widest2: "0.18em",
},
keyframes: {
"fade-up": {
"0%": { opacity: "0", transform: "translateY(6px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
pulse_dot: {
"0%,100%": { opacity: "1" },
"50%": { opacity: "0.4" },
},
"progress-stripe": {
"0%": { transform: "translateX(-100%)" },
"100%": { transform: "translateX(300%)" },
},
},
animation: {
"fade-up": "fade-up 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) both",
"pulse-dot": "pulse_dot 1.6s ease-in-out infinite",
"progress-stripe": "progress-stripe 1.2s linear infinite",
},
},
},
plugins: [require("tailwindcss-animate")],
};
export default config;
|