tailwind.config.cjs

/** @type {import('tailwindcss').Config} */

module.exports = {
	mode: 'jit',
	content: [
		'./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}',
		'node_modules/preline/dist/*.js',
	],

	theme: {
		fontFamily: {
			sans: ['"Gotham Narrow"', 'sans-serif']
		  },		
		extend: {

			typography: {

				DEFAULT: {
					// Custom CSS here ↓
					css: {
						img:{
							width: '100%',
						},
						p: {
							fontStyle: 'normal',
							fontWeight: 400,
							fontLeading: 'normal',
							lineHeight: '1.5em',
						},
						hr: {
							borderColor: 'var(--tw-prose-text)',
							borderTopWidth: 1,
						},
						'blockquote p:first-of-type::before': {
							content: '""',
						  },
						  'blockquote p:last-of-type::after': {
							content: '""',
						  }
					},
				},
			},
		},
	},
	plugins: [
		require('@tailwindcss/typography'),
		require('@tailwindcss/aspect-ratio'),
		require('@tailwindcss/container-queries'),
	],
	darkMode: 'class',

}