art_page/tailwind.config.js at main · harshith754/art_page · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        white: "#fff",
        "primary-50": "#edeff6",
        "primary-500": "#4a60a1",
        gray: "rgba(0, 0, 0, 0.5)",
        darkslategray: {
          "100": "#434343",
          "200": "rgba(67, 83, 83, 0.17)",
        },
        "primary-800": "#1e2640",
        "gray-700": "#363a3d",
        "gray-400": "#889099",
        "primary-900": "#0f1320",
      },
      fontFamily: {
        "heading-heading-1": "Inter",
        roboto: "Roboto",
        poppins: "Poppins",
        "reenie-beanie": "'Reenie Beanie'",
      },
      borderRadius: {
        "6xl": "25px",
        "3xs": "10px",
        "81xl": "100px",
      },
    },
    fontSize: {
      sm: "14px",
      "5xl": "24px",
      base: "16px",
      "21xl": "40px",
      xl: "20px",
      "131xl": "150px",
      "111xl": "130px",
      "101xl": "120px",
      "81xl": "100px",
    },
    screens: {
      lg: {
        max: "1200px",
      },
      md: {
        max: "960px",
      },
      sm: {
        max: "420px",
      },
    },
  },
  corePlugins: {
    preflight: false,
  },
};