webpack.js.org/tailwind.config.js at main · alwaysalearner1234/webpack.js.org · 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
"use strict";

module.exports = {
  content: ["./src/components/**/*.{js,jsx}"],
  darkMode: "class", // or 'media' or 'class'
  theme: {
    screens: {
      md: "768px",
      lg: "1024px",
      print: { raw: "print" },
    },
    extend: {
      fontSize: {
        14: "14px",
      },
      gridTemplateColumns: {
        contributors: "repeat(auto-fit, 36px)",
      },
    },
    spacing: {
      0: "0px",
      5: "5px",
      10: "10px",
      20: "20px",
    },
    colors: {
      white: "#fff",
      black: "#000",
      transparent: "transparent",
      blue: {
        200: "#8dd6f9",
        400: "#1d78c1",
        600: "#465E69",
        800: "#2B3A42",
      },
      gray: {
        100: "#f2f2f2",
        200: "#dedede",
        300: "#999",
        500: "#666",
        600: "#535353",
        700: "#333",
        800: "#222", // non-branding color
        900: "#101619", // non-branding color, used by dark mode
      },
    },
  },
  corePlugins: {
    preflight: false,
  },
};