metamask-design-system/apps/storybook-react/tailwind.css at 4b50dc23dc86ab4be1ad8f5ea68ae52db583a06c · MetaMask/metamask-design-system · 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
@import 'tailwindcss';
@import '../../packages/design-tokens/src/tailwind/theme.css';

/* Scan the other packages with stories for tailwind class names */
@source "../../packages/design-system-react";
@source "../../packages/design-tokens";

/* Geist */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Geist/Geist-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Geist';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Geist/Geist-RegularItalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Geist/Geist-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Geist';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/Geist/Geist-MediumItalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Geist/Geist-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Geist';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/Geist/Geist-SemiBoldItalic.woff2') format('woff2');
}

/* MM Sans */
@font-face {
  font-family: 'MMSans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MMSans/MMSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'MMSans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/MMSans/MMSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'MMSans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/MMSans/MMSans-Bold.woff2') format('woff2');
}

/* MM Poly */
@font-face {
  font-family: 'MMPoly';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MMPoly/MMPoly-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'MMPoly';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/MMPoly/MMPoly-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'MMPoly';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/MMPoly/MMPoly-Regular.woff2') format('woff2');
}