@tailwindcss/typography/demo/tailwind.config.js

A Tailwind CSS plugin for automatically styling plain HTML content with beautiful typographic defaults.

const mdx = require('@mdx-js/mdx')

module.exports = {
  purge: {
    mode: 'all',
    content: ['./demo/pages/**/*.{js,mdx}', './demo/components/**/*.{js,mdx}'],
    options: {
      whitelist: ['html', 'body'],
      extractors: [
        {
          extensions: ['mdx'],
          extractor: (content) => {
            content = mdx.sync(content)

            // Capture as liberally as possible, including things like `h-(screen-1.5)`
            const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []

            // Capture classes within other delimiters like .block(class="w-1/2") in Pug
            const innerMatches =
              content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || []

            return broadMatches.concat(innerMatches)
          },
        },
      ],
    },
  },
  theme: {},
  variants: {},
  plugins: [require('../src/index.js')],
}