9.0.1 • Published 3 months ago
postcss-place v9.0.1
PostCSS Place Properties
npm install postcss-place --save-dev
PostCSS Place Properties lets you use place-*
properties as shorthands for align-*
and justify-*
, following the CSS Box Alignment specification.
.example {
place-self: center;
place-content: space-between center;
}
/* becomes */
.example {
align-self: center;
justify-self: center;
place-self: center;
align-content: space-between;
justify-content: center;
place-content: space-between center;
}
Usage
Add PostCSS Place Properties to your project:
npm install postcss postcss-place --save-dev
Use it as a PostCSS plugin:
const postcss = require('postcss');
const postcssPlace = require('postcss-place');
postcss([
postcssPlace(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
PostCSS Place Properties runs in all Node environments, with special instructions for:
Options
preserve
The preserve
option determines whether the original notation
is preserved. By default, it is preserved.
postcssPlace({ preserve: false })
.example {
place-self: center;
place-content: space-between center;
}
/* becomes */
.example {
align-self: center;
justify-self: center;
align-content: space-between;
justify-content: center;
}
9.0.1
3 months ago
9.0.0
9 months ago
8.0.1
1 year ago
8.0.0
1 year ago
7.0.5
2 years ago
7.0.4
2 years ago
7.0.3
2 years ago
7.0.2
2 years ago
7.0.1
2 years ago
7.0.0
3 years ago
5.0.0
4 years ago
4.0.1
6 years ago
4.0.0
6 years ago
3.0.1
6 years ago
3.0.0
6 years ago
2.0.0
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago