wpoptic/tailwind.config.js at main · studentofcoding/wpoptic · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
const { fontFamily } = require("tailwindcss/defaultTheme");

module.exports = {
    content: ["./src/**/*.{html,js,jsx,ts,tsx}", "./dist/popup.html"],
    theme: {
        extend: {
            width: {
                0.3: "0.3px",
                "80%": "80%",
                500: "500px",
                600: "600px",
                700: "700px",
                800: "800px",
                900: "900px",
                1000: "1000px",
            },
            height: {
                0.3: "0.3px",
                "80%": "80%",
                500: "500px",
                600: "600px",
                700: "700px",
                800: "800px",
                900: "900px",
                1000: "1000px",
            },
            fontFamily: {
                "josefin-sans": ["JosefinSans", ...fontFamily.sans],
            },
            colors: {
                "dark-mode-background": "#323639",
                "dark-mode-section": "#282828",
                "light-mode-background": "#EECAAA",
                "light-mode-section": "#F7EFE9",
                "text-white-mode": "#525252",
                "text-dark-mode": "#FFFFFF",
                "orange-paid": "#ff8c6b",
                "red-toggle": "#f45452",
            },
        },
    },
    plugins: [
        function ({ addBase, theme }) {
            addBase({
                "@font-face": [
                    {
                        fontFamily: "JosefinSans",
                        src: 'url("/fonts/JosefinSans-Regular.ttf") format("truetype")',
                        fontWeight: "normal",
                        fontStyle: "normal",
                        fontDisplay: "swap",
                    },
                ],
                body: {
                    fontFamily: theme("fontFamily.josefin-sans"),
                },
            });
        },
    ],
};