RBFilmWeb-v2/tailwind.config.ts at main · jongsujin/RBFilmWeb-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
51
52
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    screens: {
      xs: "375px",
      md: "720px",
      lg: "1024px",
      xl: "1536px",
      xxl: "1920px",
      maxl: "2560px",
    },
    colors: {
      black: "#222222",
      borderBlack: "#40321F",
      white: "#ffffff",
      gray: "#dbdbdb",
      primary: "#e9d1ad",
      lightPrimary: "#FFEBC7",
      secondary: "#DACCBA",
    },
    extend: {
      fontFamily: {
        roboto: ["Roboto", "sans-serif"],
        robotoFlex: ["Roboto Flex", "sans-serif"],
        robotoSlab: ["Roboto Slab", "serif"],
        bak: ["Bakbak One", "sans-serif"],
        bai: ["Bai Jamjuree", "sans-serif"],
        pre: ["Pretendard", "sans-serif"],
      },
      fontSize: {
        mainContent: "55px",
        imageTitle: "27px",
        headline1: "22px",
        headline2: "20px",
        headline3: "18px",
        body: "16px",
        lg: "14px",
        m: "12px",
        sm: "10px",
        xs: "8px",
      },
    },
  },
  plugins: [],
};
export default config;