frontend-v2/tailwind.config.js at develop · TUK-DP/frontend-v2 · 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
const headerBarHeight = "80px";

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: {
          300: "#6100C1",
          400: "#9F47F6",
          500: "#FF8484",
          600: "#6100C1",
          700: "#FFECEC",
          800: "#E5CEF2",
        },
        secondary: {
          400: "#F7F7F7",
          500: "#686868",
          600: "#D9D9D9",
          700: "#FF3C3C",
        },
        sliderBgGame: "#FFE68F",
        sliderBgResult: "#FF9B52",
        sliderBgExercise: "#FF7D7D",
        sliderBgCenter: "#356DD9",
        sliderBgDiary: "#6100C1",
        aiHelpButton: "#E5CEF2",
        showOtherDrawButton: "#D1D5F0",
      },
      spacing: {
        minWidth: "360px",
        maxWidth: "1280px",
        navBarHeight: "90px",
        chatTextMaxWidth: "300px",
        headerBarHeight: headerBarHeight,
        heightWithOutHeader: `calc(100vh - ${headerBarHeight})`,
      },
      screens: {
        mobile: { min: "240px", max: "640px" },
        tablet: { min: "641px", max: "1280px" },
        pc: { min: "1280px" },
      },
      borderRadius: {
        "lg-xl": "0.625rem", //10px
        "3.5xl": "1.25rem", //20px
      },
    },
  },
  plugins: [require("tailwind-scrollbar-hide")],
};