postcss.config.js

/*
Fix for compiling the angular project's tests, using PnP simulation, which inline FullCalendar's packages' CSS.
The build process has postcss running, which crawls up the dir structure when including @fullcalendar/(daygrid|common)/main.css,
only to find this postcss config file.
*/
if (process.env.npm_package_name === 'fullcalendar-angular-workspace') {
  module.exports = {}

} else {
  module.exports = {
    parser: require('postcss-comment'), // for "//" style comments
    plugins: [
      require('postcss-advanced-variables'),
      require('postcss-nesting'),
      require('@arshaw/postcss-custom-properties')({ // a fork that does preserveWithFallback
        importFrom: './packages/common/src/styles/vars.css', // available to all stylesheets
        preserve: true, // keep var statements intact (but still reduce their value in a second statement)
        preserveWithFallback: true // the preserved var statements will have a fallback value
      }),
      require('@arshaw/postcss-calc'), // a fork that ensures important spaces (issue 5503)
      require('autoprefixer')

      // TODO: remove empty blocks
      // apparently it should automatically work with postcss-nesting, but doesn't seem to
      // https://github.com/jonathantneal/postcss-nesting/issues/19
    ]
  }
}