FE/tailwind.config.ts at develop · PharmQuest/FE · 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
import type { Config } from "tailwindcss";
import { colors } from "./src/styles/colors";

export default {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        ...colors,
      },
      fontFamily: {
        sans: ["Pretendard Variable", "Arial", "sans-serif"],
      },
      fontSize: {
        "display1-b": ["28px", { lineHeight: "42px", fontWeight: "700" }],
        "display2-b": ["24px", { lineHeight: "36px", fontWeight: "700" }],
        "display2-m": ["24px", { lineHeight: "36px", fontWeight: "500" }],
        "headline-b": ["20px", { lineHeight: "30px", fontWeight: "700" }],
        "headline-m": ["20px", { lineHeight: "30px", fontWeight: "500" }],
        "subhead1-sb": ["16px", { lineHeight: "24px", fontWeight: "600" }],
        "subhead2-sb": ["14px", { lineHeight: "21px", fontWeight: "600" }],
        "subhead3-sb": ["12px", { lineHeight: "18px", fontWeight: "600" }],
        "body1-r": ["16px", { lineHeight: "24px", fontWeight: "400" }],
        "body1-sb": ["16px", { lineHeight: "24px", fontWeight: "600" }],
        "body2-r": ["14px", { lineHeight: "21px", fontWeight: "400" }],
        "caption1-r": ["12px", { lineHeight: "18px", fontWeight: "400" }],
        "caption2-l": ["10px", { lineHeight: "15px", fontWeight: "300" }],

        "m-display1-b": ["20px", { lineHeight: "30px", fontWeight: "700" }],
        "m-display2-m": ["20px", { lineHeight: "30px", fontWeight: "500" }],
        "m-headline1-b": ["18px", { lineHeight: "27px", fontWeight: "700" }],
        "m-headline2-b": ["16px", { lineHeight: "24px", fontWeight: "700" }],
        "m-subhead1-sb": ["14px", { lineHeight: "21px", fontWeight: "600" }],
        "m-subhead2-sb": ["12px", { lineHeight: "18px", fontWeight: "600" }],
        "m-body1-r": ["16px", { lineHeight: "24px", fontWeight: "400" }],
        "m-body2-r": ["14px", { lineHeight: "21px", fontWeight: "400" }],
        "m-caption1-r": ["12px", { lineHeight: "18px", fontWeight: "400" }],
        "m-caption2-r": ["10px", { lineHeight: "15px", fontWeight: "400" }],
      },
      screens: {
        xl: "1001px",
        lg: "1000px",
        md: "641px",
        sm: "393px",
        map: "784px",
      },
      boxShadow: {
        "custom-light": "0px 0px 10px 0px rgba(0, 0, 0, 0.1)",
      },
    },
  },
  plugins: [],
} satisfies Config;