module.exports = ({ file, options, env }) => { const pluginsConfig = { autoprefixer: {} }; if(process.env.PROJECT_CLIENT === 'mobile') { pluginsConfig["postcss-px-to-viewport"] = { viewportWidth: 375, // (Number) The width of the viewport. viewportHeight: 667, // (Number) The height of the viewport. unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to. viewportUnit: 'vw', // (String) Expected units. fontViewportUnit: 'vw', exclude: [], selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px. minPixelValue: 1, // (Number) Set the minimum pixel value to replace. mediaQuery: false, // (Boolean) Allow px to be converted in media queries. landscape: true, landscapeUnit: 'vw', landscapeWidth: 667, }; } return { plugins: pluginsConfig }; };