tailwind.config.cjs

const footerHeight = 0
const mainHeaderHeight = 40

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",
  content: ["./src/**/*.{ts,tsx}", "./index.html"],
  theme: {
    extend: {
      height: {
        main: `calc(100% - ${footerHeight}px)`,
        footer: `${footerHeight}px`,
        mainHeader: `${mainHeaderHeight}px`,
        mainBody: `calc(100% - ${mainHeaderHeight}px)`,
      },
      fontFamily: {
        mono: `'Jetbrains Mono', Consolas, 'Courier New', monospace`,
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}