tailwind.config.js

module.exports = {
  theme: {
    container: {
      center: true,
      padding: "2rem",
    },
    extend: {
      fontFamily: {
        sans: ['Palanquin', 'sans-serif'],
        serif: ['Georgia', 'serif'],
        title: ['Alfa Slab One', 'serif'],
    },
    typography: {
      DEFAULT: {
        css: {
          "code::before": false,
          "code::after": false,
          "blockquote p:first-of-type::before": false,
          "blockquote p:last-of-type::after": false,
          color: '#374151',
          strong: {
            color: '#7C3AED',
            fontWeight: '900',
            fontFamily: 'Palanquin',
          },
          i: {
              fontWeight: '400',
              color: '#EF4444',
              fontFamily: 'Georgia',
              fontStyle: 'italic',
          },
        em: {
            fontWeight: '400',
            fontFamily: 'Georgia',
            fontStyle: 'italic',
        },
          hr: {
            borderColor: '#F59E0B',
            color: '#F59E0B',
            borderWidth: '2px',
          },
          kbd: {
            backgroundColor: '#8fccf7',
            fontWeight: '700',
            borderColor: '#2A4365',
            borderRadius: '5px',
            borderWidth: '1px',
            padding:'2px 1px',
          },
           code: {
             backgroundColor: '#E5E7EB',
             borderRadius: '5px',
             padding:'3px 6px',
             borderColor: '#000',
             borderRadius: '5px',
             borderWidth: '1px',
           },
           pre: {
            boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
           code: {
            backgroundColor: 'transparent',
            borderRadius: '5px',
            padding:'none',
            whiteSpace: 'pre-wrap',
          },
        },
        iframe: {
          borderRadius: '5px',
          display: 'block',
          width: '100%',
          maxWidth: '100%',
          height: 'auto',
      },
        img: {
            display: 'block',
            width: '100%',
            maxWidth: '100%',
            height: 'auto',
        },
        },
      },
    },
    },
  },
  
  variants: {
    extend: {},
  },
  plugins: [require("daisyui"), require("@tailwindcss/typography"),],
  content: ["./src/**/*.js", "./src/**/*.njk", "./src/**/*.svg", "./src/**/*.md"],
};