dotrix-website/tailwind.config.js at main · lowenware/dotrix-website · 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
62
63
64
65
66
const sizes = {
  4: "4px",
  8: "8px",
  16: "16px",
  24: "24px",
  32: "32px",
  64: "64px",
  80: "80px",
  "slide": "30vh",
};
module.exports = {
  content: ["./src/pages/**/*.{ts,tsx}", "./src/components/**/*.{ts,tsx}"],
  theme: {
    fontFamily: {jura: ["Jura"]},
    container: {
      center: true,
    },
    flex: {
      auto: "1 0 auto",
      initial: "0 1 auto",
      inherit: "inherit",
      none: "none",
    },
    fontSize: {
      h1: ["4rem", 1],
      h2: ["2.5rem", 1],
      h3: ["2rem", 1],
      small: [".9rem", 1],
      medium: ["1.2rem", 1.5],
      large: ["1.4rem", 1],
    },
    colors: {
      dark: {
        DEFAULT: "#11131A",
      },
      gray: {
        DEFAULT: "#1A1C22",
      },
      purple: {
        DEFAULT: "#FC71FF",
      },
      white: {
        DEFAULT: "#efefef",
      },
      red: {
        DEFAULT: "#438543",
      },
      blue: {
        DEFAULT: "#0FB7FF",
        light: "#B8CBD0",
        dark: "#60717E",
      },
      green: {
        DEFAULT: "#4CC900",
      },
    },
    extend: {
      fill: theme => theme("colors"),
      spacing: sizes,
      scale: {
        "logo": "3",
      },
    },
  },
  plugins: [],
};