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

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

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

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

const px25 = css`
  padding-left: ${padding("25")};
  padding-right: ${padding("25")};
`;

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

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

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

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

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

const px100 = css`
  padding-left: ${padding("100")};
  padding-right: ${padding("100")};
`;
const px125 = css`
  padding-left: ${padding("125")};
  padding-right: ${padding("125")};
`;

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

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

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

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

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

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

const px300 = css`
  padding-left: ${padding("300")};
  padding-right: ${padding("300")};
`;

export {
  px0,
  px1,
  px12,
  px25,
  px37,
  px50,
  px62,
  px75,
  px87,
  px100,
  px125,
  px150,
  px175,
  px200,
  px250,
  px275,
  px225,
  px300,
};