Web/tailwind.config.js at develop · Damabwa/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
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      boxShadow: {
        "top-only":
          "0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06)",
        "bottom-only":
          "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06)",
        "btn-shadow": "0px 2px 4px 0px rgba(0, 0, 0, 0.15)",
        banner:
          "0 0 10px 1px rgba(0, 0, 0, 0.1), 0px 0 10px 1px rgba(0, 0, 0, 0.25)",
      },
      animation: {
        slideUp: "slideUp 300ms ease-in-out forwards",
      },
      keyframes: {
        slideUp: {
          "0%": { transform: "translateY(100%)", opacity: "0" },
          "100%": { transform: "translateY(0)", opacity: "1" },
        },
      },
      fontFamily: {
        Heading1_B: ["Pretendard", "sans-serif"],
        Heading2_B: ["Pretendard", "sans-serif"],
        Title1_SB: ["Pretendard", "sans-serif"],
        Title2_SB: ["Pretendard", "sans-serif"],
        Title2_M: ["Pretendard", "sans-serif"],
        Title2_R: ["Pretendard", "sans-serif"],
        Body1_R: ["Pretendard", "sans-serif"],
        Detail1_M: ["Pretendard", "sans-serif"],
        Detail1_R: ["Pretendard", "sans-serif"],
      },
      fontSize: {
        Heading1_B: "24px",
        Heading2_B: "20px",
        Title1_SB: "18px",
        Title2_SB: "14px",
        Title2_M: "14px",
        Title2_R: "14px",
        Body1_R: "12px",
        Detail1_M: "10px",
        Detail1_R: "10px",
      },
      fontWeight: {
        Heading1_B: "700",
        Heading2_B: "700",
        Title1_SB: "600",
        Title2_SB: "600",
        Title2_M: "500",
        Title2_R: "400",
        Body1_R: "400",
        Detail1_M: "500",
        Detail1_R: "400",
      },
    },
    fontFamily: {
      pre: ["Pretendard"],
    },
    colors: {
      violet50: "#F2EBFB",
      violet100: "#EBE1F8",
      violet200: "#D6C0F1",
      violet300: "#7B35D3",
      violet400: "#6F30BE",
      violet500: "#622AA9",
      violet600: "#5C289E",
      violet700: "#4A207F",
      violet800: "#37185F",
      violet900: "#2B134A",
      yellow100: "#FFF7B0",
      yellow200: "#FFF492",
      yellow300: "#FFE600",
      red: "#FF3D3D",
      white: "#FFFFFF",
      black: "#111111",
      black02: "#555555",
      black03: "#767676",
      black04: "#999999",
      lineRegular: "#E5E5EC",
      lineLight: "#F1F1F5",
      gray: "#E0E0E0",
      gray50: "#F3F5F7",
      gray100: "#ECEDEF",
      gray900: "#222",
      textgray: "#555",
      darkgray: "#A7A8AA",
    },
  },
  plugins: [require("tailwind-scrollbar-hide")],
};