Big update!Introducing GitHub Bot Commands. Learn more
Socket
Log inBook a demo

postcss-place

Package Overview
Dependencies
1
Maintainers
2
Versions
15
Issues
File Explorer

Advanced tools

postcss-place

Use a place-* shorthand for align-* and justify-* in CSS

    7.0.5latest

Version published
Maintainers
2
Weekly downloads
6,857,918
decreased by-10.02%

Weekly downloads

Readme

Source

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:

NodeWebpackCreate React AppGulpGrunt

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; }

Keywords

FAQs

What is postcss-place?

Use a place-* shorthand for align-* and justify-* in CSS

Is postcss-place popular?

The npm package postcss-place receives a total of 6,482,001 weekly downloads. As such, postcss-place popularity was classified as popular.

Is postcss-place well maintained?

We found that postcss-place demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.It has 2 open source maintainers collaborating on the project.

Last updated on 08 Jul 2022

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc