@hashicorp/platform-postcss-config

Shared PostCSS config for HashiCorp Next.js websites

Usage no npm install needed!

<script type="module">
  import hashicorpPlatformPostcssConfig from 'https://cdn.skypack.dev/@hashicorp/platform-postcss-config';
</script>

This package provides a shared PostCSS configuration that can be used in HashiCorp Next.js sites.

Install the config package as a dev dependency:

npm install --save-dev @hashicorp/platform-postcss-config

Create a postcss.config.js file if it doesn't exist, and import the package.

module.exports = {
  ...require('@hashicorp/platform-postcss-config'),
}

This package configures a standard stack of PostCSS plugins, listed below:

postcss-flexbugs-fixes
postcss-normalize
postcss-preset-env
- stage is set to 3
- nesting-rules is set to true
- custom-media-queries loads in some of our defaults out of the box
- custom-properties is set to false - we polyfill these for ie11 and do not compile them