attendance/tailwind.config.ts at main · onlycs/attendance · GitHub

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
import type { Config } from "tailwindcss";

const config: Config = {
    darkMode: "class",
    content: ["./src/**/*.vue", "./src/**/*.ts"],
    theme: {
        container: {
            center: true,
            padding: "2rem",
            screens: {
                "2xl": "1400px",
            },
        },
        transitionTimingFunction: {
            DEFAULT: "var(--tw-ease)",
            "in-out": "ease-in-out",
        },
        extend: {
            colors: {
                drop: "var(--drop)",
                background: "var(--background)",
                card: "var(--card)",
                "card-2": "var(--card-2)",
                text: "var(--text)",
                hover: "var(--hover)",
                border: "var(--border)",
                sub: "var(--text-sub)",
            },
            borderRadius: {
                xl: "calc(var(--radius) + 4px)",
                lg: "var(--radius)",
                md: "calc(var(--radius) - 2px)",
                sm: "calc(var(--radius) - 4px)",
            },
            screens: {
                "max-h-md": { raw: "(max-height: 647px)" },
                "h-md": { raw: "(min-height: 648px)" },
                "h-lg": { raw: "(min-height: 1024px)" },
            },
        },
    },
};
export default config;