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

const mb0 = css`
  margin-bottom: ${margin("0")};
`;

const mb1 = css`
  margin-bottom: ${margin("1")};
`;

const mb12 = css`
  margin-bottom: ${margin("12")};
`;

const mb37 = css`
  margin-bottom: ${margin("37")};
`;

const mb50 = css`
  margin-bottom: ${margin("50")};
`;

const mb62 = css`
  margin-bottom: ${margin("62")};
`;

const mb75 = css`
  margin-bottom: ${margin("75")};
`;

const mb87 = css`
  margin-bottom: ${margin("87")};
`;

const mb100 = css`
  margin-bottom: ${margin("100")};
`;

const mb125 = css`
  margin-bottom: ${margin("125")};
`;

const mb150 = css`
  margin-bottom: ${margin("150")};
`;

const mb175 = css`
  margin-bottom: ${margin("175")};
`;

const mb200 = css`
  margin-bottom: ${margin("200")};
`;

const mb225 = css`
  margin-bottom: ${margin("225")};
`;

const mb250 = css`
  margin-bottom: ${margin("250")};
`;

const mb275 = css`
  margin-bottom: ${margin("275")};
`;

const mb300 = css`
  margin-bottom: ${margin("300")};
`;
export {
  mb0,
  mb1,
  mb12,
  mb37,
  mb300,
  mb50,
  mb62,
  mb75,
  mb87,
  mb100,
  mb125,
  mb150,
  mb175,
  mb200,
  mb225,
  mb250,
  mb275,
};