@plangrid/structure/postcss.config.js

CSS structure library

const autoprefixer = require("autoprefixer")
const postcssImport = require("postcss-import")
const postcssRem = require("postcss-pxtorem")
const postcssVars = require("postcss-custom-properties")
const postcssCalc = require("postcss-calc")

module.exports = ctx => ({
  map: ctx.options.map,
  parser: ctx.options.parser,
  plugins: [
    postcssImport({ root: ctx.file.dirname }),
    postcssRem({
      mediaQuery: false,
      minPixelValue: 0,
      propList: ["*"],
      unitPrecision: 10,
      replace: true,
      rootValue: 16,
    }),
    postcssVars({
      // Preserve CSS vars when source is module.css
      preserve: "module.css" === ctx.file.basename
    }),
    postcssCalc({}),
    autoprefixer({}),
  ]
});