repo_description: JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀. Built with 💜 by the Trigger.dev team.
repo_topics: developer-tools devtools hacktoberfest json json-viewer react tools typescript viewer
code: module.exports = {
    content: ["./app/**/*.{js,ts,jsx,tsx}"],
    darkMode: "class",
    theme: {
      fontSize: {
        tiny: ".5rem", // 8px
        xs: ".625rem", // 10px
        sm: ".75rem", // 12px (SmallBody)
        base: ".875rem", // 14px (Body)           <p>
        lg: "1rem", // 16px (SmallTitle)          <h3>
        xl: "1.125rem", // 18px (Title)           <h2>
        "2xl": "1.375rem", // 22px (LargeTitle)   <h1>
        "3xl": "1.5rem", // 24px
        "4xl": "1.875rem", // 30px
        "5xl": "2rem", // 32px
        "6xl": ["2.625rem", "3rem"], // 42px
        "7xl": "4rem", // 64px
        "8xl": "8rem", // 128px
      },
      extend: {
        height: {
          viewerHeight: "calc(100vh - 146px)",
          inspectorHeight: "calc(100vh - 70px)",
          jsonViewerHeight: "calc(100vh - 106px)",
          viewerHeightMinimal: "calc(100vh - 106px)",
          inspectorHeightMinimal: "calc(100vh - 30px)",
          jsonViewerHeightMinimal: "calc(100vh - 66px)",
        },
        fontFamily: {
          sans: ["Source Sans Pro", "sans-serif"],
          mono: ["Roboto Mono", "monospace"],
        },
      },
    },
    variants: {
      outline: ["focus"],
    },
    plugins: [require("@tailwindcss/forms"), require("tailwindcss-radix")()],
  };
  