upstash-web/tailwind.config.js at master · upstash/upstash-web · 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
const plugin = require("tailwindcss/plugin");

/** @type {import("tailwindcss").Config} */
module.exports = {
  darkMode: "media",
  content: ["./src/**/*.{ts,tsx}", "./post/**/*.mdx", "./public/**/*.svg"],
  theme: {
    extend: {
      screens: {
        xs: "420px",
      },
      colors: {
        bg: "var(--color-bg)",
        "bg-mute": "var(--color-bg-mute)",
        primary: "var(--color-primary)",
        "primary-text": "var(--color-primary-text)",
        text: "var(--color-text)",
        "text-mute": "var(--color-text-mute)",
        "pre-bg": "var(--color-pre-bg)",
      },
      fontFamily: {
        sans: ["var(--font-sans)"],
        display: ["var(--font-display)"],
        mono: ["var(--font-mono)"],
      },
      // for blog
      lineHeight: {
        p: "1.72",
        title: "1.16",
      },
      opacity: {
        3: "0.03",
      },
      borderRadius: {
        "4xl": "2.2rem",
      },
    },
  },
};