How to stop inline code blocks from rendering with the backticks?

[MichaelScoggins]

When I use the prose classname in my sanity richText, it renders the backticks onto the page when I do not want this. I just want it to show in consolas or whatever font for the inline code.

[jasperro]

Why was this closed? The theming of the code blocks was changed in 47fe732. This looks very inconsistent with the <pre> theming. @adamwathan, could this be changed back to how it was before, or is there a way to override this in the tailwind configuration?

[adamwathan]

This was changed before the library was even released. You can override the styles in your config:

#18

[jasperro]

Thanks! That worked perfectly.

[TeemuKoivisto]

So the answer in #18 works but just to save somebody's time, I'm going to paste it here for convenience's sake.

module.exports = {
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            'code::before': {
              content: '""'
            },
            'code::after': {
              content: '""'
            }
          }
        }
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};

[vidhanio]

For future reference for Tailwind v3,

class="... prose-code:before:content-none prose-code:after:content-none"