import { css } from "styled-components";
import { fontItalicCss } from "./font";
import {
  textCss,
  text2XLCss,
  text3XLCss,
  text4XLCss,
  text5XLCss,
  text6XLCss,
  text7XLCss,
  text8XLCss,
  textLGCss,
  textSMCss,
  textXLCss,
  textXSCss,
} from "../text";

const italicCss = css`
  ${fontItalicCss};
  ${textCss};
`;
const italicXSCss = css`
  ${fontItalicCss};
  ${textXSCss};
`;

const italicSMCss = css`
  ${fontItalicCss};
  ${textSMCss};
`;

const italicLGCss = css`
  ${fontItalicCss};
  ${textLGCss};
`;
const italicXLCss = css`
  ${fontItalicCss};
  ${textXLCss};
`;
const italic2XLCss = css`
  ${fontItalicCss};
  ${text2XLCss};
`;
const italic3XLCss = css`
  ${fontItalicCss};
  ${text3XLCss};
`;

const italic4XLCss = css`
  ${fontItalicCss};
  ${text4XLCss};
`;
const italic5XLCss = css`
  ${fontItalicCss};
  ${text5XLCss};
`;

const italic6XLCss = css`
  ${fontItalicCss};
  ${text6XLCss};
`;

const italic7XLCss = css`
  ${fontItalicCss};
  ${text7XLCss};
`;

const italic8XLCss = css`
  ${fontItalicCss};
  ${text8XLCss};
`;
export {
  italic3XLCss,
  italic2XLCss,
  italic4XLCss,
  italic5XLCss,
  italic6XLCss,
  italic7XLCss,
  italic8XLCss,
  italicCss,
  italicLGCss,
  italicSMCss,
  italicXLCss,
  italicXSCss,
};