[typhoon] Incorrect rendering of highlighted inline code

[danielrpfeiffer]

Grav v1.7.35 - Admin v1.10.35 - Typhoon Theme 2.3.6

Hello!

Inline code highligting unsing backticks works correctly in the admin preview but not in rendered page using the Typhoon theme. The rendered page shows the backticks where no backticks are expected.

Example: MD Editor (Content)

---

Preview in Admin (correct no backticks visible)

---

Render on Page (backticks rendered)

[rhukster]

This is actually a feature and the default style of Tailwind Prose plugin (https://tailwindcss.com/docs/typography-plugin). You can remove them with this code in the tailwind.config.js file (will require an npm run watch or npm run build to recompile the CSS though:

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