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

const p0 = css`
  padding: ${padding("0")};
`;

const p1 = css`
  padding: ${padding("1")};
`;

const p12 = css`
  padding: ${padding("12")};
`;

const p25 = css`
  padding: ${padding("25")};
`;

const p37 = css`
  padding: ${padding("37")};
`;

const p50 = css`
  padding: ${padding("50")};
`;

const p62 = css`
  padding: ${padding("62")};
`;

const p75 = css`
  padding: ${padding("75")};
`;

const p100 = css`
  padding: ${padding("100")};
`;
const p125 = css`
  padding: ${padding("125")};
`;

const p150 = css`
  padding: ${padding("150")};
`;

const p175 = css`
  padding: ${padding("175")};
`;

const p200 = css`
  padding: ${padding("200")};
`;

const p225 = css`
  padding: ${padding("225")};
`;

const p250 = css`
  padding: ${padding("250")};
`;

const p275 = css`
  padding: ${padding("275")};
`;

const p300 = css`
  padding: ${padding("300")};
`;

export {
  p0,
  p1,
  p12,
  p25,
  p37,
  p50,
  p62,
  p75,
  p100,
  p125,
  p150,
  p175,
  p200,
  p250,
  p275,
  p225,
  p300,
};