PostCSS Position Area Property

npm install @csstools/postcss-position-area-property --save-dev

PostCSS Position Area Property lets you fallback position-area to the alternate name inset-area following the CSS Specification.

.foo {
	position-area: start;
}
/* becomes */
.foo {
	inset-area: start;
	position-area: start;
}

Usage

Add PostCSS Position Area Property to your project:

npm install postcss @csstools/postcss-position-area-property --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssPositionAreaProperty = require('@csstools/postcss-position-area-property');
postcss([
	postcssPositionAreaProperty(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

PostCSS Position Area Property runs in all Node environments, with special instructions for:

Node
PostCSS CLI
PostCSS Load Config
Webpack
Next.js
Gulp
Grunt