jeda-prototype/tailwind.config.js at main · culextrade/jeda-prototype · 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
61
62
63
64
65
66
67
68
69
70
71
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        pine: {
          DEFAULT: "#1F6F65",
          dark: "#14524A",
          tint: "#E3EEE9",
        },
        deep: {
          DEFAULT: "#0F2B26",
          2: "#143832",
        },
        amber: {
          DEFAULT: "#E39A2E",
          tint: "#FBF1DE",
        },
        clay: {
          DEFAULT: "#CF6F55",
          tint: "#F9EAE2",
        },
        ink: {
          DEFAULT: "#1B2A27",
          soft: "#5A6B66",
          faint: "#8A9791",
        },
        line: "#E4E1D6",
        canvas: "#F7F5EF",
        surface: "#FFFFFF",
        success: "#3E8E5A",
        warn: "#C9842B",
        danger: {
          DEFAULT: "#B4533A",
          tint: "#F7E7E1",
        },
      },
      fontFamily: {
        display: ["var(--font-fraunces)", "Georgia", "serif"],
        sans: ["var(--font-inter)", "system-ui", "sans-serif"],
      },
      borderRadius: {
        sm: "10px",
        md: "16px",
        lg: "22px",
        xl: "28px",
      },
      boxShadow: {
        card: "0 1px 2px rgba(27, 42, 39, 0.05), 0 6px 20px rgba(27, 42, 39, 0.06)",
        float:
          "0 2px 6px rgba(27, 42, 39, 0.12), 0 12px 32px rgba(27, 42, 39, 0.18)",
        press: "0 1px 2px rgba(27, 42, 39, 0.08)",
      },
      transitionTimingFunction: {
        out: "cubic-bezier(0.23, 1, 0.32, 1)",
        "in-out": "cubic-bezier(0.77, 0, 0.175, 1)",
        drawer: "cubic-bezier(0.32, 0.72, 0, 1)",
      },
      scale: {
        97: "0.97",
        98: "0.98",
      },
    },
  },
  plugins: [],
};