import { css } from "styled-components";
import {
  regular2XLCss,
  regular3XLCss,
  regular4XLCss,
  regular5XLCss,
  regular6XLCss,
  regular7XLCss,
  regular8XLCss,
  regularCss,
  regularLGCss,
  regularSMCss,
  regularXLCss,
  regularXSCss,
} from "./regular.css";
import { trackingTighter } from "../../tracking";

const regularTighterXSCss = css`
  ${regularXSCss};
  ${trackingTighter};
`;

const regularTighterSMCss = css`
  ${regularSMCss};
  ${trackingTighter};
`;

const regularTighterCss = css`
  ${regularCss};
  ${trackingTighter};
`;

const regularTighterLGCss = css`
  ${regularLGCss};
  ${trackingTighter};
`;

const regularTighterXLCss = css`
  ${regularXLCss};
  ${trackingTighter};
`;

const regularTighter2XLCss = css`
  ${regular2XLCss};
  ${trackingTighter};
`;

const regularTighter3XLCss = css`
  ${regular3XLCss};
  ${trackingTighter};
`;

const regularTighter4XLCss = css`
  ${regular4XLCss};
  ${trackingTighter};
`;

const regularTighter5XLCss = css`
  ${regular5XLCss};
  ${trackingTighter};
`;

const regularTighter6XLCss = css`
  ${regular6XLCss};
  ${trackingTighter};
`;

const regularTighter7XLCss = css`
  ${regular7XLCss};
  ${trackingTighter};
`;

const regularTighter8XLCss = css`
  ${regular8XLCss};
  ${trackingTighter};
`;

export {
  regularTighterXSCss,
  regularTighterSMCss,
  regularTighterCss,
  regularTighterLGCss,
  regularTighterXLCss,
  regularTighter2XLCss,
  regularTighter3XLCss,
  regularTighter4XLCss,
  regularTighter5XLCss,
  regularTighter6XLCss,
  regularTighter7XLCss,
  regularTighter8XLCss,
};