Link bookmarking tool built on aproto (early alpha)
finxol.io
1/** @type {import('tailwindcss').Config} */
2module.exports = {
3 darkMode: ["class", '[data-kb-theme="dark"]'],
4 content: ["src/routes/**/*.{ts,tsx}", "src/components/**/*.{ts,tsx}"],
5 prefix: "",
6 theme: {
7 container: {
8 center: true,
9 padding: "2rem",
10 screens: {
11 "2xl": "1400px",
12 },
13 },
14 extend: {
15 colors: {
16 border: "hsl(var(--border))",
17 input: "hsl(var(--input))",
18 ring: "hsl(var(--ring))",
19 background: "hsl(var(--background))",
20 foreground: "hsl(var(--foreground))",
21 primary: {
22 DEFAULT: "hsl(var(--primary))",
23 foreground: "hsl(var(--primary-foreground))",
24 },
25 secondary: {
26 DEFAULT: "hsl(var(--secondary))",
27 foreground: "hsl(var(--secondary-foreground))",
28 },
29 destructive: {
30 DEFAULT: "hsl(var(--destructive))",
31 foreground: "hsl(var(--destructive-foreground))",
32 },
33 muted: {
34 DEFAULT: "hsl(var(--muted))",
35 foreground: "hsl(var(--muted-foreground))",
36 },
37 accent: {
38 DEFAULT: "hsl(var(--accent))",
39 foreground: "hsl(var(--accent-foreground))",
40 },
41 popover: {
42 DEFAULT: "hsl(var(--popover))",
43 foreground: "hsl(var(--popover-foreground))",
44 },
45 card: {
46 DEFAULT: "hsl(var(--card))",
47 foreground: "hsl(var(--card-foreground))",
48 },
49 },
50 borderRadius: {
51 lg: "var(--radius)",
52 md: "calc(var(--radius) - 2px)",
53 sm: "calc(var(--radius) - 4px)",
54 },
55 keyframes: {
56 "accordion-down": {
57 from: { height: 0 },
58 to: { height: "var(--kb-accordion-content-height)" },
59 },
60 "accordion-up": {
61 from: { height: "var(--kb-accordion-content-height)" },
62 to: { height: 0 },
63 },
64 "collapsible-down": {
65 from: { height: 0 },
66 to: { height: "var(--kb-collapsible-content-height)" },
67 },
68 "collapsible-up": {
69 from: { height: "var(--kb-collapsible-content-height)" },
70 to: { height: 0 },
71 },
72 "caret-blink": {
73 "0%,70%,100%": { opacity: "1" },
74 "20%,50%": { opacity: "0" }
75 }
76 },
77 animation: {
78 "accordion-down": "accordion-down 0.2s ease-out",
79 "accordion-up": "accordion-up 0.2s ease-out",
80 "collapsible-down": "collapsible-down 0.2s ease-out",
81 "collapsible-up": "collapsible-up 0.2s ease-out",
82 "caret-blink": "caret-blink 1.25s ease-out infinite"
83 },
84 },
85 },
86 plugins: [require("tailwindcss-animate")],
87};