GlobalStyles.js

/* fonts */
export const FontFamily = {
  poppinsBold: "Poppins-Bold",
  overpassBlack: "Overpass-Black",
  overpassMedium: "Overpass-Medium",
  overpassBold: "Overpass-Bold",
  interRegular: "Inter-Regular",
  robotoMedium: "Roboto-Medium",
  interBold: "Inter-Bold",
  interSemiBold: "Inter-SemiBold",
  poppinsLight: "Poppins-Light",
  poppinsExtraLight: "Poppins-ExtraLight",
  robotoBold: "Roboto-Bold",
};
/* font sizes */
export const FontSize = {
  size_base: 16,
  size_3xs: 10,
  size_4xl_9: 24,
  size_6xs: 7,
  size_15xl_9: 35,
  size_mini: 15,
  size_xl: 20,
  size_xs: 12,
  size_lgi: 19,
  size_smi: 13,
  size_lg: 18,
  size_sm: 14,
  size_mid: 17,
  size_4xs: 9,
  size_2xs: 11,
  size_mid_1: 17,
};
/* Colors */
export const Color = {
  colorWhite: "#fff",
  colorTeal_100: "#367878",
  colorTeal_200: "rgba(54, 120, 120, 0.18)",
  colorGray_100: "rgba(255, 255, 255, 0.5)",
  colorMediumturquoise: "#5ed3d3",
  colorPowderblue: "#a3d0d3",
  colorDarkslategray_200: "#005d63",
  colorDarkslategray_300: "#004145",
  colorDarkslategray_400: "rgba(0, 93, 99, 0.31)",
  colorDarkslategray_100: "rgba(41, 45, 50, 0.7)",
  colorBlack: "#000",
  colorWhitesmoke: "#eff2f2",
  colorPaleturquoise: "rgba(143, 215, 202, 0.2)",
  colorCadetblue: "#6eaeae",
  colorAqua: "rgba(0, 255, 255, 0.18)",
  colorBlueviolet: "#9747ff",
};
/* Paddings */
export const Padding = {
  p_2xs: 11,
  p_8xs: 5,
  p_7xl: 26,
  p_sm: 14,
  p_3xs: 10,
};
/* border radiuses */
export const Border = {
  br_xs: 12,
  br_xl: 20,
  br_smi: 13,
  br_sm: 14,
  br_81xl: 100,
  br_8xs: 5,
};