-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGlobalStyles.js
46 lines (45 loc) · 1000 Bytes
/
GlobalStyles.js
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
/* fonts */
export const FontFamily = {
adaminaRegular: "Adamina-Regular",
OutfitVariableFont_wght:"Outfit-VariableFont_wght",
// inriaSerifBold: "InriaSerif-Bold",
// inriaSerifItalic: "InriaSerif-Italic",
};
/* font sizes */
export const FontSize = {
size_xl: 20,
size_13xl: 32,
size_23xl: 42,
size_mini: 15,
size_17xl: 36,
size_lg: 18,
size_base: 16,
size_5xl: 24,
size_sm: 14,
size_smi: 13,
size_3xl: 22,
size_xs: 12,
};
/* Colors */
export const Color = {
colorWhite: "#fff",
colorBlack: "#000",
colorGainsboro: "#d9d9d9",
colorGray_100: "#8b8b8b",
colorGray_200: "rgba(0, 0, 0, 0.89)",
colorGray_300: "rgba(255, 255, 255, 0.87)",
colorBlueviolet_100: "#5737d8",
colorBlueviolet_200: "rgba(74, 40, 211, 0.4)",
colorBlueviolet_300: "rgba(74, 40, 211, 0.89)",
colorWhitesmoke: "#f4f4f6",
};
/* border radiuses */
export const Border = {
br_31xl: 50,
br_101xl: 120,
br_xl: 20,
br_6xl: 25,
br_3xs: 10,
br_11xl: 30,
br_81xl: 100,
};