Travel-Guide-App/tailwind.config.js at main · marlingit/Travel-Guide-App · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{js,jsx}"],
  theme: {
    fontFamily: {
      sans: "var(--ff-sans)",
      serif: "var(--ff-serif)",
      mono: "var(--ff-mono)",
      handwriting: "var(--ff-handwriting)"
    },
    extend: {
      colors: {
        // primary: "rgb(var(--color-primary))",
        primary: "var(--color-primary)",
        // secondary: "rgb(var(--color-secondary))",
        secondary: {
          DEFAULT: "var(--color-secondary)",
          hover: "var(--color-secondary-hover)",
          border: "var(--color-secondary-border)",
        },
        accent: {
          DEFAULT: "var(--color-accent)",
          dark: "var(--color-accent-dark)",
        },
        // text: "rgba(var(--color-text))",
        text: {
          light: "var(--color-text-light)",
          DEFAULT: "var(--color-text)",
        },
        // "text-light": "rgba(var(--color-text-light))",
        // background: "var(--color-background)",
      },
      fontSize: {
        "clamp-4xl-6xl": ["clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem)", { lineHeight: "1.2" }],
        "clamp-lg-3xl": ["clamp(1.125rem, 0.875rem + 1.25vw, 1.875rem)"]
      },
    },
  },
  plugins: [],
};