tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  theme: {
    extend: {
      typography: (theme) => ({
        DEFAULT: {
          css: {
            code: {
              marginLeft: theme("spacing.1"),
              marginRight: theme("spacing.1"),
              padding: theme("spacing")['0.5'],
              borderRadius: theme("spacing.1"),
              border: `1px solid ${theme("colors.gray.300")}`,
              fontWeight: "normal",
              fontFamily: '"SF Mono", "Roboto Mono", Menlo, monospace',
            },
            'code::before': {
              content: "''",
            },
            'code::after': {
              content: "''",
            },
            pre: {
              code: {
                marginLeft: 0,
                marginRight: 0,
                border: 0,
                borderRadius: 0,
              },
            },
            // ':where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before': {
            //   content: "''",
            // },
            // ':where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after': {
            //   content: "''",
            // },
            // blockquote: {
            //   margin: theme("spacing.0"),
            //   p: {
            //     margin: theme("spacing.0"),
            //     padding: theme("spacing.2"),
            //   },
            // },
          },
        },
      }),
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}