listr/tailwind.config.js at main · erskingardner/listr · 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
/** @type {import('tailwindcss').Config} */

module.exports = {
    darkMode: "class",
    content: ["./src/**/*.{html,js,svelte,ts}"],
    theme: {
        extend: {
            fontSize: {
                "2xs": "0.625rem",
                "3xs": "0.5rem",
            },
            fontFamily: {
                sans: [
                    "Inter var, sans-serif",
                    {
                        fontFeatureSettings: '"cv02", "cv03", "cv04", "cv11"',
                        fontVariationSettings: '"opsz" 32',
                    },
                ],
                cursive: ["Unica One"],
            },
            colors: {
                ltngWhite: "#FFF0D6",
                ltngYellow: "#EEC47A",
                btcOrange: "#f7931a",
                btcGray: "#4d4d4d",
                btcBlue: "#0d579b",
                btcGreen: "#329239",
                gitOrange: "rgb(227, 90, 56)",
                lightBg: "white",
                lightBorder: "gray-300",
                darkBg: "gray-800",
                darkBorder: "gray-700",
            },
            boxShadow: {
                dark3xl: "0 0 60px 5px rgba(0, 0, 0, 0.6)",
                "3xl": "0 0 60px 5px rgba(0,0,0,0.3)",
            },
        },
    },
    safelist: [{ pattern: /(bg|border)-(light|dark)(Bg|Border)/, variants: ["dark", "hover"] }],
    plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
};