Taskify/tailwind.config.ts at main · imkrmin/Taskify · 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
/** @type {import('tailwindcss').Config} */

const rem0_10 = { ...Array.from(Array(11)).map((_, i) => `${i / 10}rem`) };
const rem0_100 = { ...Array.from(Array(101)).map((_, i) => `${i / 10}rem`) };
const rem0_800 = { ...Array.from(Array(801)).map((_, i) => `${i / 10}rem`) };

module.exports = {
  mode: "jit",
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/layouts/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      borderWidth: rem0_10,
      borderRadius: rem0_100,
      fontSize: rem0_100,
      lineHeight: rem0_100,
      minWidth: rem0_800,
      minHeight: rem0_800,
      spacing: rem0_800,
    },
    colors: {
      violet: {
        DEFAULT: "#5534DA",
        F1EF: "#F1EFFD",
      },
      red: "#D6173A",
      green: "#7AC555",
      purple: "#760DDE",
      orange: "#FFA500",
      blue: "#76A5EA",
      pink: "#E876EA",
      black: {
        DEFAULT: "#000",
        "1717": "#171717",
        "3332": "#333236",
        "4B4B": "#4B4B4B",
        overlay: "rgba(0, 0, 0, 0.70)", // 모달창 뒷 배경
      },
      gray: {
        "7874": "#787486",
        "9FA6": "#9FA6B2",
        D9D9: "#D9D9D9",
        EEEE: "#EEEEEE",
        FAFA: "#FAFAFA",
      },
      white: "#FFF",
    },
    fontFamily: {
      sans: ["Pretendard", "sans-serif"],
    },
    screens: {
      mobile: "375px",
      tablet: "744px",
      pc: "1199px",
    },
    zIndex: {
      DEFAULT: "1",
      dropdown: "200",
      sticky: "400",
      popover: "600",
      overlay: "800",
      modal: "1000",
      toast: "1200",
    },
  },
  plugins: [],
};