tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    listStyleType: {
      none: "none",
      disc: "disc",
      decimal: "decimal",
      square: "square",
      roman: "lower-roman",
    },
    extend: {
      screens: {
        md: "768px",
        lg: "1280px",
        xl: "1920px",
      },
      width: {
        "logo-mobile": "122px",
        "logo-desktop": "175px",
      },
      height: {
        "logo-mobile": "28px",
        "logo-desktop": "40px",
      },
      backgroundImage: {
        "home-hero-desktop": "url('/heroDesktop.png')",
        "home-hero-tablet": "url('/heroTablet.png')",
        "home-hero-mobile": "url('/heroMobile.png')",
      },
    },
  },
  plugins: [],
};
export default config;