import { css } from "styled-components";
import { margin } from "./getters";

const mx0 = css`
  margin-left: ${margin("0")};
  margin-right: ${margin("0")};
`;

const mx1 = css`
  margin-left: ${margin("1")}
  margin-right: ${margin("1")};
`;

const mx12 = css`
  margin-left: ${margin("12")};
  margin-right: ${margin("12")};
`;

const mx37 = css`
  margin-left: ${margin("37")};
  margin-right: ${margin("37")};
`;

const mx50 = css`
  margin-left: ${margin("50")}
  margin-right: ${margin("50")};
`;

const mx62 = css`
  margin-left: ${margin("62")};
  margin-right: ${margin("62")};
`;

const mx75 = css`
  margin-left: ${margin("75")};
  margin-right: ${margin("75")};
`;

const mx87 = css`
  margin-left: ${margin("87")};
  margin-right: ${margin("87")};
`;

const mx100 = css`
  margin-left: ${margin("100")};
  margin-right: ${margin("100")};
`;

const mx125 = css`
  margin-left: ${margin("125")};
  margin-right: ${margin("125")};
`;

const mx150 = css`
  margin-left: ${margin("150")};
  margin-right: ${margin("150")};
`;

const mx175 = css`
  margin-left: ${margin("175")};
  margin-right: ${margin("175")};
`;

const mx200 = css`
  margin-left: ${margin("200")};
  margin-right: ${margin("200")};
`;

const mx225 = css`
  margin-left: ${margin("225")};
  margin-right: ${margin("225")};
`;

const mx250 = css`
  margin-left: ${margin("250")};
  margin-right: ${margin("250")};
`;

const mx275 = css`
  margin-left: ${margin("275")};
  margin-right: ${margin("275")};
`;

const mx300 = css`
  margin-left: ${margin("300")};
  margin-right: ${margin("300")};
`;
export {
  mx0,
  mx1,
  mx12,
  mx37,
  mx300,
  mx50,
  mx62,
  mx75,
  mx87,
  mx100,
  mx125,
  mx150,
  mx175,
  mx200,
  mx225,
  mx250,
  mx275,
};