Weather-App/tailwind.config.js at main · RauboLuk/Weather-App · 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
module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      height: {
        bg: "376px",
      },
      width: {
        30: "7.5rem",
        82: "20.5rem",
      },
      minHeight: {
        40: "10rem",
      },
      colors: {
        navyBlue: {
          light: "#1E213A",
          dark: "#100E1D",
          text: "#616475",
        },
        blue1: "#3C47E9",
        gray: {
          light: "#E7E7EB",
          dark: "#6E707A",
          border: "#616475",
          text1: "#A09FB1",
          text2: "#88869D",
        },
        yellow: {
          progress: "#FFEC65",
        },
      },
      fontFamily: {
        rale: ["Raleway"],
        mon: ["Montserrat"],
      },
      fontSize: {
        "10xl": "9rem",
      },
      gridTemplateRows: {
        layout: "repeat(2, minmax(0, max-content)) 1fr",
      },
    },
  },
  variants: {
    extend: {
      visibility: ["group-hover"],
    },
  },
  plugins: [],
};