tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    // container: {
    //   center: true,
    //   padding: {
    //     DEFAULT: "1.25rem",
    //     sm: "2rem",
    //     md: "2.5rem",
    //     lg: "2rem",
    //     xl: "2rem",
    //     "2xl": "10rem",
    //   },
    // },
    // fontSize: {
    //   "display-2xl": [
    //     "72px",
    //     {
    //       letterSpacing: "-0.025em",
    //       lineHeight: "96px",
    //     },
    //   ],
    //   "display-xl": [
    //     "60px",
    //     {
    //       letterSpacing: "-0.025em",
    //       lineHeight: "72px",
    //     },
    //   ],
    //   "display-lg": [
    //     "48px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "60px",
    //     },
    //   ],
    //   "display-md": [
    //     "36px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "48px",
    //     },
    //   ],
    //   "display-sm": [
    //     "30px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "40px",
    //     },
    //   ],
    //   "display-xs": [
    //     "24px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "32px",
    //     },
    //   ],
    //   "body-xl": [
    //     "20px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "32px",
    //     },
    //   ],
    //   "body-lg": [
    //     "18px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "32px",
    //     },
    //   ],
    //   "body-md": [
    //     "16px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "24px",
    //     },
    //   ],
    //   "body-sm": [
    //     "14px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "24px",
    //     },
    //   ],
    //   "body-xs": [
    //     "12px",
    //     {
    //       letterSpacing: "0em",
    //       lineHeight: "16px",
    //     },
    //   ],
    // },
  },
  plugins: [],
};