# code-block-pro/1.28.0/postcss.config.js

Code Block Pro – Beautiful Syntax Highlighting, version 1.28.0. 40 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/postcss.config.js
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.28.0/raw/postcss.config.js
- Modified: 2026-04-12T13:22:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/postcss.config.js#L10-L20`.

```javascript
const tailwind = require('./tailwind.config');

module.exports = ({ mode, file }) => ({
	ident: 'postcss',
	sourceMap: mode !== 'production',
	plugins: [
		require('postcss-import'),
		require('tailwindcss/nesting'),
		require('tailwindcss')({
			...tailwind,
			// Scope the editor css separately from the frontend css.
			content: file.endsWith('editor.css')
				? ['./src/editor/**/*.{ts,tsx}']
				: ['./src/front/**/*.{ts,tsx}'],
			important:
				tailwind.important + (file.endsWith('editor.css') ? '-editor' : ''),
		}),
		(css) =>
			css.walkRules((rule) => {
				// Removes top level TW styles like *::before {}
				rule.selector.startsWith('*') && rule.remove();
			}),
		// See: https://github.com/WordPress/gutenberg/blob/trunk/packages/postcss-plugins-preset/lib/index.js
		require('autoprefixer')({ grid: true }),
		!file.endsWith('editor.css') && require('postcss-safe-important'),
		mode === 'production' &&
			// See: https://github.com/WordPress/gutenberg/blob/trunk/packages/scripts/config/webpack.config.js#L68
			require('cssnano')({
				preset: [
					'default',
					{
						discardComments: {
							removeAll: true,
						},
					},
				],
			}),
	],
});

```