@gravityforms/gulp-tasks/src/postcss/plugins/themeFramework.js

Configurable Gulp tasks for use in Gravity Forms projects.

import { createRequire } from 'node:module';
import getConfig from '../../../config.js';

const require = createRequire( import.meta.url );
const { config } = getConfig();

export default config?.postcss?.plugins?.themeFramework || [
	require( 'postcss-import-ext-glob' )( {
		sort: 'asc',
	} ),
	require( 'postcss-import' )( {
		path: [
			`./${ config.paths.root }`,
			`./${ config.paths.css_dist }`,
			`./${ config.paths.legacy_css }`,
		],
	} ),
	require( 'postcss-mixins' )( {
		mixins: config?.postcss?.pluginData?.themeFramework?.mixins || {},
	} ),
	require( 'postcss-custom-media' )( {
		importFrom: config?.postcss?.pluginData?.themeFramework?.customMedia || {},
	} ),
	require( 'postcss-replace' )( {
		pattern: /var\(([^\s]+?)\)/g,
		data: config?.postcss?.pluginData?.themeFramework?.customProperties?.orbital || {},
	} ),
	require( 'postcss-replace' )( {
		pattern: /var\(([^\s]+?)\)/g,
		data: config?.postcss?.pluginData?.themeFramework?.customProperties?.common || {},
	} ),
	require( 'postcss-extend' ),
	require( 'postcss-nested' ),
	require( 'postcss-preset-env' )( {
		stage: 0,
		autoprefixer: { grid: true },
		features: {
			'focus-within-pseudo-class': false,
			'focus-visible-pseudo-class': false,
			'logical-properties-and-values': false,
		},
	} ),
];