fork-test/tailwind.config.js at main · binaryrain97/fork-test · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      fontSize: {
        no: "0rem",
      },
      colors: {
        "mbti-yellow": "#F9F9CF",
        "mbti-deep-yellow": "#fff890",
        "mbti-blue": "#1898fd",
        "mbti-light-blue": "#9cd2ff",
        "mbti-purple": "#C17DD1",
        "mbti-deep-purple": "#5d62fa",
        "mbti-mint": "#8CFFEE",
        "mbti-deep-mint": "#d0e9cc",
        "mbti-pink": "#FF9CAA",
        "mbti-light-pink": "#FFE5E6",
        "mbti-red": "#FF0000",
        "mbti-mac-red": "#fa517c",

        "mbti-light-mint": "#6EFFEE",
        "mbti-deeplight-mint": "#C3FCF1",
        "mbti-brown": "#625F4E",
        "mbti-light-brown": "#AFAB99",
        "mbti-light-orange": "#FFCA8D",
        "mbti-coral": "#F98E71",
        "mbti-light-coral": "#FECCBE",
        "mbti-deep-blue": "#645CBB",
        "mbti-gray": "#4A4737",
      },
      fontFamily: {
        minhye: ["Minhye", "sans-serif"],
        humanbumsuk: ["Humanbumsuk", "sans-serif"],
        kyobohandwriting2021sjy: ["KyoboHandwriting2021sjy", "sans-serif"],
        cafe24shiningstar: ["Cafe24Shiningstar", "sans-serif"],
        middleschool_student: ["Middleschool_student", "sans-serif"],
        beeunhye: ["Beeunhye", "sans-serif"],
        bisang: ["Bisang", "sans-serif"],
        cafe24surround: ["Cafe24Ssurround", "sans-serif"],
        eland: ["ELAND_Nice_M", "sans-serif"],
        pretendard: ["Pretendard-Regular", "sans-serif"],
      },
      height: {
        12.5: "52px",
      },
      maxHeight: {
        12.5: "52px",
      },
      padding: {
        full: "100%",
        12.5: "52px",
      },
      borderRadius: {
        "4xl": "2.25rem",
      },
      backgroundSize: {
        "hand-heart": "34px 67px",
      },
      minWidth: {
        16: "4rem",
        20: "5rem",
      },
      maxWidth: {
        16: "4rem",
        20: "5rem",
      },
    },
  },
  plugins: [require("@designbycode/tailwindcss-text-stroke")],
};