tailwind.config.ts

/** @type {import('tailwindcss').Config} */
export { };

module.exports = {
  // important: true,
  purge: [
    "./app/Components/**/*.{js,ts,jsx,tsx}",
    "./app/pageComponents/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./pages/_app.tsx",
    "./pages/_document.tsx",
    "/styles/**/*.{css,module.css,scss,sass}",
    "./styles/globals.css",
  ],
  content: [
    "./app/Components/**/*.{js,ts,jsx,tsx}",
    "./app/pageComponents/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./pages/_app.tsx",
    "./pages/_document.tsx",
    "./styles/**/*.{css,module.css,scss,sass}",
    "./styles/globals.css",
  ],
  theme: {
    extend: {
      fontFamily: {
        sharp: ["Sharp Grotesk"],
        serif: ["ui-serif", "Georgia"],
        lato: ["Lato", "sans-serif"],
      },
      screens: {
        mlg: "970px",
        ssm: "440px",
        sssm: "320px"
        // => @media (min-width: 640px) { ... }
      },
      colors: {
        bgCareerForm: "#FAFCFF",
        blogTitle: "#666666",
      },
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false,
  },
};