mfb-design/tailwind.js at master · MyFirstBitcoin/mfb-design · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// Generated from tokens.json by build-design-package.mjs - DO NOT EDIT BY HAND.
/** @type {import('tailwindcss').Config} */
export default {
  "theme": {
    "extend": {
      "colors": {
        "purple": {
          "200": "#5E378E",
          "300": "#422C70",
          "400": "#2B1C58"
        },
        "orange": {
          "200": "#FBB040",
          "300": "#F7941F",
          "400": "#EF7B00"
        },
        "black": "#000000",
        "white": "#FFFFFF",
        "gray": {
          "100": "#F3F3FA",
          "200": "#EAEAF4",
          "300": "#D8D8E7",
          "400": "#C0C0D0",
          "500": "#ADADBE",
          "600": "#88889C",
          "700": "#6C6C7D",
          "800": "#4F4F5D",
          "900": "#25252B"
        },
        "mfb": {
          "purple": {
            "200": "#5E378E",
            "300": "#422C70",
            "400": "#2B1C58"
          },
          "orange": {
            "200": "#FBB040",
            "300": "#F7941F",
            "400": "#EF7B00"
          },
          "black": "#000000",
          "white": "#FFFFFF",
          "gray": {
            "100": "#F3F3FA",
            "200": "#EAEAF4",
            "300": "#D8D8E7",
            "400": "#C0C0D0",
            "500": "#ADADBE",
            "600": "#88889C",
            "700": "#6C6C7D",
            "800": "#4F4F5D",
            "900": "#25252B"
          }
        }
      },
      "fontFamily": {
        "heading": [
          "IBM Plex Sans",
          "Arial",
          "sans-serif"
        ],
        "body": [
          "IBM Plex Sans",
          "Arial",
          "sans-serif"
        ],
        "mono": [
          "IBM Plex Mono",
          "monospace"
        ],
        "sans": [
          "IBM Plex Sans",
          "Arial",
          "sans-serif"
        ]
      },
      "fontSize": {
        "h1": "70px",
        "h2": "58px",
        "h3": "48px",
        "h4": "40px",
        "h5": "36px",
        "h6": "32px",
        "body": "18px",
        "label": "22px",
        "quote": "40px"
      },
      "backgroundImage": {
        "brand-gradient": "linear-gradient(135deg, #2B1C58 0%, #5E378E 100%)"
      }
    }
  }
};