clockwise/GlobalStyles.js at main · mihirheda02/clockwise · 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
export const FontFamily = {
  oxygenBold: "Oxygen-Bold",
  oxygenRegular: "Oxygen-Regular",
  jaapokki: "Jaapokki",
  robotoRegular: "Roboto-Regular",
  robotoThin: "Roboto-Thin",
  oxygenLight: "oxygen-Light",
};

/* font sizes */
export const FontSize = {
  size_lg: 18,
  size_5xl: 24,
  size_xs: 12,
  size_21xl: 40,
  size_base: 16,
  size_base_2: 16,
  size_sm: 14,
  size_37xl: 56,
  size_9xl: 28,
  size_15xl: 34,
  size_13xl: 32,
};

/*Colors */
export const Color = {
  colorGray_100: "#797c81",
  colorGray_200: "#212327",
  textColor: "#131313",
  colorGray_300: "rgba(0, 0, 0, 0.1)",
  blush: "#f6c0do",
  white: "#fff",
  colorSilver: "#c4c4c4",
  lighterGreen: "#485665",
  colorDarkslategray_100: "#3c3d3f",
  colorDarkslategray_200: "#393c41",
  colorDarkslategray_300: "#353535",
  primaryColor: "#1e3231",
  pink: "#d0a5c0",
  colorDimgray_100: "#676767",
  colorDimgray_200: "#4d4d4d",
  colorDarkgray: "#979797",
};

/*Paddings */
export const Padding = {
  p_13xl: 32,
  p_Oxl: 28,
  p_93x1: 112,
  p_lg: 18,
  p_xs: 12,
  p_7xs: 6,
  p_base: 16,
};

/*border radiuses */
export const Border = {
  br_37xl: 56,
  br_base: 16,
  br_8xs_1: 4,
  br_5xs: 8,
  br_21xl: 40,
  br_11xl: 30,
};