Skip to content

Latest commit

 

History

History

README.md

PostCSS Position Area Property PostCSS Logo

npm version Build Status Discord

Baseline Status CSS Standard Status

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: