codespaces/tailwind.config.js at master · mbiskho/codespaces · 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
const colors = require("tailwindcss/colors");

module.exports = {
  purge: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./modules/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./ui/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      animation: {
        "pulse-slow": "pulse 3s linear infinite",
      },
      width: {
        112: "30rem",
      },
      borderWidth: {
        3: "3px",
      },
    },
    colors: {
      gray: colors.trueGray,
      red: colors.red,
      yellow: colors.amber,
      green: colors.emerald,
      blue: colors.blue,
      indigo: colors.indigo,
      purple: colors.violet,
      pink: colors.pink,
      white: colors.white,
      black: "#121212",
      transparent: "transparent",
      tree: {
        hard: "#171E25",
        soft: "#1B252D",
        low: "#2D353B",
        border: "#4c5b67",
      },
    },
  },
  variants: {
    extend: {
      animation: ["hover", "focus", "active"],
      scale: ["active"],
    },
  },
  plugins: [],
};