-
Notifications
You must be signed in to change notification settings - Fork 0
/
styleguide.css
77 lines (77 loc) · 2.96 KB
/
styleguide.css
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
:root {
--black: rgba(0, 0, 0, 1);
--gray-000: rgba(248, 249, 250, 1);
--gray-100: rgba(241, 243, 245, 1);
--gray-200: rgba(233, 236, 239, 1);
--gray-300: rgba(222, 226, 230, 1);
--gray-500: rgba(173, 181, 189, 1);
--gray-600: rgba(134, 142, 150, 1);
--gray-700: rgba(73, 80, 87, 1);
--gray-800: rgba(52, 58, 64, 1);
--gray-900: rgba(33, 37, 41, 1);
--green-100: rgba(235, 251, 238, 1);
--green-400: rgba(105, 219, 124, 1);
--green-500: rgba(81, 207, 102, 1);
--green-600: rgba(55, 178, 77, 1);
--orange-100: rgba(255, 244, 230, 1);
--orange-400: rgba(255, 169, 77, 1);
--orange-600: rgba(247, 103, 7, 1);
--primary-100: rgba(251, 244, 235, 1);
--primary-200: rgba(247, 232, 214, 1);
--primary-300: rgba(240, 209, 173, 1);
--primary-500: rgba(217, 140, 51, 1);
--primary-600: rgba(174, 112, 41, 1);
--red-100: rgba(255, 245, 245, 1);
--red-400: rgba(255, 107, 107, 1);
--red-500: rgba(250, 82, 82, 1);
--red-600: rgba(240, 62, 62, 1);
--text-medium-font-family: "Inter-Medium", Helvetica;
--text-medium-font-size: 14px;
--text-medium-font-style: normal;
--text-medium-font-weight: 500;
--text-medium-letter-spacing: 0px;
--text-medium-line-height: 20px;
--text-regular-font-family: "Inter-Regular", Helvetica;
--text-regular-font-size: 14px;
--text-regular-font-style: normal;
--text-regular-font-weight: 400;
--text-regular-letter-spacing: 0px;
--text-regular-line-height: 20px;
--text-s-medium-font-family: "Inter-Medium", Helvetica;
--text-s-medium-font-size: 13px;
--text-s-medium-font-style: normal;
--text-s-medium-font-weight: 500;
--text-s-medium-letter-spacing: 0px;
--text-s-medium-line-height: 16px;
--text-s-regular-font-family: "Inter-Regular", Helvetica;
--text-s-regular-font-size: 13px;
--text-s-regular-font-style: normal;
--text-s-regular-font-weight: 400;
--text-s-regular-letter-spacing: 0px;
--text-s-regular-line-height: 18px;
--text-semi-bold-font-family: "Inter-SemiBold", Helvetica;
--text-semi-bold-font-size: 14px;
--text-semi-bold-font-style: normal;
--text-semi-bold-font-weight: 600;
--text-semi-bold-letter-spacing: 0px;
--text-semi-bold-line-height: 20px;
--text-XL-semi-bold-font-family: "Inter-SemiBold", Helvetica;
--text-XL-semi-bold-font-size: 18px;
--text-XL-semi-bold-font-style: normal;
--text-XL-semi-bold-font-weight: 600;
--text-XL-semi-bold-letter-spacing: 0px;
--text-XL-semi-bold-line-height: 28px;
--text-XS-regular-font-family: "Inter-Regular", Helvetica;
--text-XS-regular-font-size: 11px;
--text-XS-regular-font-style: normal;
--text-XS-regular-font-weight: 400;
--text-XS-regular-letter-spacing: 0px;
--text-XS-regular-line-height: 14px;
--text-XS-semi-bold-font-family: "Inter-SemiBold", Helvetica;
--text-XS-semi-bold-font-size: 11px;
--text-XS-semi-bold-font-style: normal;
--text-XS-semi-bold-font-weight: 600;
--text-XS-semi-bold-letter-spacing: 0px;
--text-XS-semi-bold-line-height: 14px;
--white: rgba(255, 255, 255, 1);
}