Pong-Frontend/tailwind.config.cjs at main · Keddib/Pong-Frontend · 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
module.exports = { // eslint
  mode: "jit",
  content: ["./src/**/*.{html,js,jsx,ts,tsx}", "./public/*.html"],
  theme: {
    colors: {
      transparent: "transparent",
      current: "currentColor",
      black: "#000000",
      // primary
      lotion: "#fdfdf9",
      spaceCadet: "#132952",
      pictonBlue: "#2dbff0",
      cornFlower: "#26477d",
      queenBlue: "#47649e",
      // secondary
      crayola: "#ffb027",
      electricGreen: "#00ff1a",
      yonder: "#a1b0cb",
      red: "#ff0000",
    },
    fontFamily: {
      beaufort: ["Beaufort", "Georgia", "serif"],
      spiegel: ["Spiegel", "Arial", "sans-serif"],
      poppins: ["Poppins", "sans-serif"]
    },
    fontWeight: {
      light: 300,
      normal: 400,
      medium: 500,
      semibold: 600,
      bold: 700,
      heavy: 800,
    },
    screens: {
      sm: "500px",
      md: "768px",
      lg: "1024px",
      xl: "1280px",
      "2xl": "1536px",
    },
    container: {
      center: true,
    },
  },
  variants: {},
  plugins: [
    require("@tailwindcss/forms"),
    function ({ addComponents }) {
      addComponents({
        ".container": {
          maxWidth: "100%",
          "@screen xl": {
            maxWidth: "1536px",
          },
        },
      });
    },
  ],
};