export const margin = {
  auto: "auto",
  "0": "0",
  px: "1px",
  "1": "4px",
  "2": "8px",
  "3": "12px",
  "4": "16px",
  "5": "20px",
  "6": "24px",
  "7": "28px",
  "8": "32px",
  "9": "36px",
  "10": "40px",
  "12": "48px",
  "14": "56px",
  "16": "64px",
  "18": "72px",
  "20": "80px",
  "22": "88px",
  "24": "96px",
  "26": "104px",
  "28": "112px",
  "30": "120px",
  "32": "128px",
  "48": "192px",
  "64": "256px",
  "-px": "-1px",
  [`-1`]: "-4px",
  [`-2`]: "-8px",
  [`-3`]: "-12px",
  [`-4`]: "-16px",
  [`-5`]: "-20px",
  [`-6`]: "-24px",
  [`-7`]: "-28px",
  [`-8`]: "-32px",
  [`-9`]: "-36px",
  [`-10`]: "-40px",
  [`-12`]: "-48px",
  [`-14`]: "-56px",
  [`-16`]: "-64px",
  [`-18`]: "-72px",
  [`-20`]: "-80px",
  [`-22`]: "-88px",
  [`-24`]: "-96px",
  [`-26`]: "-104px",
  [`-28`]: "-112px",
  [`-30`]: "-120px",
  [`-32`]: "-128px",
  [`-48`]: "-192px",
  [`-64`]: "-256px",
};