DocentAI-FrontEnd/tailwind.config.js at main · docentai/DocentAI-FrontEnd · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js.jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: "#74B38D",
        secondary: "#B3B3B3",
        third: "#757575",
        text: "#1e1e1e",
        chatbubble: "#f5f5f5",
        "gradient-end": "#CAE4D4",
      },
      spacing: {
        "frame-width": "calc(100vh * 390/844)",
        "ellipse-base": "calc(100% * 175/390)",
        "ellipse-sm": "calc(100% * 150/390)",
        icon: "calc(22rem/16)",
        "icon-sm": "calc(15rem/16)",
        "chat-input": "40px",
        "chat-vertical-padding": "calc(20px - 0.6rem)",
      },
      transitionProperty: {
        ellipse: "transform, opacity",
      },
      lineHeight: {
        normal: "15px",
      },
      transitionDelay: {
        ellipse: "0.1s",
      },
      transitionTimingFunction: {
        "out-expo": "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
      },
      fontSize: {
        largest: "calc(50rem/16)",
        large: "calc(25rem/16)",
        "semi-large": "calc(18rem/16)",
        regular: "calc(15rem/16)",
      },
      fontWeight: {
        largest: "bold",
        large: "bold",
      },
      boxShadow: {
        "chat-header": `0px 3.5px 2.7px rgba(0, 0, 0, 0.016),
        0px 8.8px 6.9px rgba(0, 0, 0, 0.022),
        0px 17.9px 14.2px rgba(0, 0, 0, 0.028)
        `,
      },
      borderRadius: {
        "h-rounded": "50% 0",
      },
    },
  },
  plugins: [],
};