danielmorrisey.com
https://altly.madebydanny.uk
1import type { Config } from "tailwindcss";
2
3export default {
4 darkMode: ["class"],
5 content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"],
6 prefix: "",
7 theme: {
8 container: {
9 center: true,
10 padding: "2rem",
11 screens: {
12 "2xl": "1400px",
13 },
14 },
15 extend: {
16 colors: {
17 border: "hsl(var(--border))",
18 input: "hsl(var(--input))",
19 ring: "hsl(var(--ring))",
20 background: "hsl(var(--background))",
21 foreground: "hsl(var(--foreground))",
22 primary: {
23 DEFAULT: "hsl(var(--primary))",
24 foreground: "hsl(var(--primary-foreground))",
25 },
26 secondary: {
27 DEFAULT: "hsl(var(--secondary))",
28 foreground: "hsl(var(--secondary-foreground))",
29 },
30 destructive: {
31 DEFAULT: "hsl(var(--destructive))",
32 foreground: "hsl(var(--destructive-foreground))",
33 },
34 muted: {
35 DEFAULT: "hsl(var(--muted))",
36 foreground: "hsl(var(--muted-foreground))",
37 },
38 accent: {
39 DEFAULT: "hsl(var(--accent))",
40 foreground: "hsl(var(--accent-foreground))",
41 },
42 popover: {
43 DEFAULT: "hsl(var(--popover))",
44 foreground: "hsl(var(--popover-foreground))",
45 },
46 card: {
47 DEFAULT: "hsl(var(--card))",
48 foreground: "hsl(var(--card-foreground))",
49 },
50 "stat-card": "hsl(var(--stat-card))",
51 "upload-area": "hsl(var(--upload-area))",
52 },
53 borderRadius: {
54 lg: "var(--radius)",
55 md: "calc(var(--radius) - 2px)",
56 sm: "calc(var(--radius) - 4px)",
57 },
58 keyframes: {
59 "accordion-down": {
60 from: {
61 height: "0",
62 },
63 to: {
64 height: "var(--radix-accordion-content-height)",
65 },
66 },
67 "accordion-up": {
68 from: {
69 height: "var(--radix-accordion-content-height)",
70 },
71 to: {
72 height: "0",
73 },
74 },
75 },
76 animation: {
77 "accordion-down": "accordion-down 0.2s ease-out",
78 "accordion-up": "accordion-up 0.2s ease-out",
79 },
80 },
81 },
82 plugins: [require("tailwindcss-animate")],
83} satisfies Config;