portfolio/tailwind.config.ts at main · yuirsilva/portfolio · 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 defaultTheme from "tailwindcss/defaultTheme";
import type { Config } from "tailwindcss";

const config = {
    darkMode: ["class"],
    content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
    prefix: "",
    theme: {
        container: {
            center: true,
            screens: {
                "2xl": "1400px",
            },
        },
        extend: {
            fontFamily: {
                mono: ["Supply Mono", ...defaultTheme.fontFamily.mono],
            },
            colors: {
                brand: {
                    white: "var(--white)",
                    black: "var(--black)",
                    "neutral-100": "var(--neutral-100)",
                    "neutral-200": "var(--neutral-200)",
                    primary: "var(--primary)",
                    secondary: "var(--secondary)",
                },
            },
            keyframes: {
                slider: {
                    from: { transform: "translateX(0)" },
                    to: { transform: "translateX(calc(-100% - 1rem))" },
                },
            },
            animation: {
                slider: "slider 12s linear infinite",
            },
        },
    },
    plugins: [],
} satisfies Config;

export default config;