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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

const my300 = css`
  margin-top: ${margin("300")};
  margin-bottom: ${margin("300")};
`;

export {
  margin,
  my0,
  my1,
  my12,
  my37,
  my50,
  my62,
  my75,
  my87,
  my100,
  my125,
  my150,
  my175,
  my200,
  my225,
  my250,
  my275,
  my300,
};