postcss-place (7.0.5)

Published 2026-02-24 14:03:17 +00:00 by atheaadmin

Installation

registry=
npm install postcss-place@7.0.5
"postcss-place": "7.0.5"

About this package

PostCSS Place Properties PostCSS Logo

NPM Version CSS Standard Status Build Status Discord

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:

import postcss from 'postcss';
import postcssPlace from 'postcss-place';

postcss([
  postcssPlace(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

PostCSS Place Properties runs in all Node environments, with special instructions for:

Node Webpack Create React App Gulp Grunt

Options

preserve

The preserve option determines whether the original place declaration 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;
}

Dependencies

Dependencies

ID Version
postcss-value-parser ^4.2.0

Peer Dependencies

ID Version
postcss ^8.2

Keywords

alignments aligns contents css justifies justify postcss postcss-plugin selfs shorthands
Details
npm
2026-02-24 14:03:17 +00:00
0
Jonathan Neal
CC0-1.0
latest
5.6 KiB
Assets (1)
Versions (1) View all
7.0.5 2026-02-24