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

const mt0 = css`
  margin-top: ${margin("0")};
`;

const mt1 = css`
  margin-top: ${margin("1")};
`;

const mt12 = css`
  margin-top: ${margin("12")};
`;

const mt37 = css`
  margin-top: ${margin("37")};
`;

const mt50 = css`
  margin-top: ${margin("50")};
`;

const mt62 = css`
  margin-top: ${margin("62")};
`;

const mt75 = css`
  margin-top: ${margin("75")};
`;

const mt87 = css`
  margin-top: ${margin("87")};
`;

const mt100 = css`
  margin-top: ${margin("100")};
`;

const mt125 = css`
  margin-top: ${margin("125")};
`;

const mt150 = css`
  margin-top: ${margin("150")};
`;

const mt175 = css`
  margin-top: ${margin("175")};
`;

const mt200 = css`
  margin-top: ${margin("200")};
`;

const mt225 = css`
  margin-top: ${margin("225")};
`;

const mt250 = css`
  margin-top: ${margin("250")};
`;

const mt275 = css`
  margin-top: ${margin("275")};
`;

const mt300 = css`
  margin-top: ${margin("300")};
`;
export {
  mt0,
  mt1,
  mt12,
  mt37,
  mt300,
  mt50,
  mt62,
  mt75,
  mt87,
  mt100,
  mt125,
  mt150,
  mt175,
  mt200,
  mt225,
  mt250,
  mt275,
};