@clubmed/trident-ui/tailwind/config/typography.js

Shared ClubMed React UI components

const o = ({ theme: r }) => ({
  DEFAULT: {
    css: {
      "--tw-prose-body": r("colors.current"),
      "--tw-prose-headings": r("colors.current"),
      "--tw-prose-lead": r("colors.current"),
      "--tw-prose-links": r("colors.current"),
      "--tw-prose-bold": r("colors.current"),
      "--tw-prose-counters": r("colors.current"),
      "--tw-prose-bullets": r("colors.current"),
      "--tw-prose-hr": r("colors.current"),
      "--tw-prose-quotes": r("colors.current"),
      "--tw-prose-quote-borders": r("colors.current"),
      "--tw-prose-captions": r("colors.current"),
      "--tw-prose-code": r("colors.current"),
      "--tw-prose-pre-code": r("colors.current"),
      "--tw-prose-pre-bg": r("colors.transparent"),
      "--tw-prose-th-borders": r("colors.current"),
      "--tw-prose-td-borders": r("colors.current"),
      "--tw-prose-invert-body": r("colors.current"),
      "--tw-prose-invert-headings": r("colors.current"),
      "--tw-prose-invert-lead": r("colors.current"),
      "--tw-prose-invert-links": r("colors.current"),
      "--tw-prose-invert-bold": r("colors.current"),
      "--tw-prose-invert-counters": r("colors.current"),
      "--tw-prose-invert-bullets": r("colors.current"),
      "--tw-prose-invert-hr": r("colors.current"),
      "--tw-prose-invert-quotes": r("colors.current"),
      "--tw-prose-invert-quote-borders": r("colors.current"),
      "--tw-prose-invert-captions": r("colors.current"),
      "--tw-prose-invert-code": r("colors.current"),
      "--tw-prose-invert-pre-code": r("colors.current"),
      "--tw-prose-invert-pre-bg": r("colors.transparent"),
      "--tw-prose-invert-th-borders": r("colors.current"),
      "--tw-prose-invert-td-borders": r("colors.current"),
      "h1, h2, h3, h4, h5, h6": {
        fontFamily: r("fontFamily.serif")?.join(", "),
        marginBottom: r("spacing.40")
      },
      h1: {
        fontSize: r("fontSize.h0")?.[0],
        ...r("fontSize.h0")?.[1]
      },
      h2: {
        fontSize: r("fontSize.h1")?.[0],
        ...r("fontSize.h1")?.[1]
      },
      h3: {
        fontSize: r("fontSize.h2")?.[0],
        ...r("fontSize.h2")?.[1]
      },
      h4: {
        fontSize: r("fontSize.h3")?.[0],
        ...r("fontSize.h3")?.[1]
      },
      h5: {
        fontSize: r("fontSize.h4")?.[0],
        ...r("fontSize.h4")?.[1]
      },
      h6: {
        fontSize: r("fontSize.h5")?.[0],
        ...r("fontSize.h5")?.[1]
      },
      a: {
        fontWeight: r("fontWeight.bold")
      },
      li: {
        marginTop: r("spacing.0"),
        marginBottom: r("spacing.0")
      },
      maxWidth: "none",
      fontSize: r("fontSize.inherit")?.[0],
      ...r("fontSize.inherit")?.[1]
    }
  }
});
export {
  o as typography
};
//# sourceMappingURL=typography.js.map