ggome1.github.io/tailwind.config.js at main · ggome1/ggome1.github.io · 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
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: {
      textStroke: {
        black: "1px black",
      },
      screens: {
        "3xl": "1800px",
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      borderWidth: {
        2.5: "2.5px",
      },
      backgroundColor: ["active"],
      colors: {
        "neutral-0": "#FFFFFF",
        "neutral-10": "#F4F6F9",
        "neutral-20": "#D0D3D8",
        "neutral-30": "#B8BCC1",
        "neutral-40": "#989BA0",
        "neutral-50": "#7C7F83",
        "neutral-60": "#55595C",
        "neutral-70": "#3A3D40",
        "neutral-80": "#282B30",
        "neutral-90": "#1C1E22",
        "neutral-100": "#0C0C0C",

        yell: "#ffb649",

        "primary-10": "#F2FCFC",
        "primary-20": "#D7F7F7",
        "primary-30": "#ACEFEE",
        "primary-40": "#8BE9E9",
        "primary-50": "#65E3E3",
        "primary-60": "#48CBCC",
        "primary-70": "#009D9E",
        "primary-80": "#166868",
        "primary-90": "#304343",
        "primary-100": "#232E2E",

        "error-10": "#FF8777",
        "error-20": "#F65742",
      },
      fontFamily: {
        title: ["pretendard-bold"],
        label: ["pretendard-regular"],
        body: ["pretendard-thin"],
        sba: ["SBAggroB"],
        iam: ["IAMAPLAYER"],
      },
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities({
        ".text-stroke-black": {
          "-webkit-text-stroke": "1px black",
        },
      });
    },
  ],
};