Gathering detailed insights and metrics for @csstools/postcss-normalize-display-values
Gathering detailed insights and metrics for @csstools/postcss-normalize-display-values
PostCSS Tools and Plugins
Installations
npm install @csstools/postcss-normalize-display-valuesDeveloper Guide
BETA
Typescript
Yes
Module System
ESM
Min. Node Version
>=18
Node Version
22.1.0
NPM Version
10.7.0
Score
98.3
Supply Chain
90.1
Quality
79.4
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Languages
7
CSS
JavaScript
TypeScript
HTML
Nunjucks
Shell
SCSS
CSS (43.27%)
JavaScript (30.08%)
TypeScript (23.07%)
HTML (3%)
Nunjucks (0.48%)
Shell (0.1%)
🚀 npmpackage.info for sale
Built with Next.js • Fully responsive • SEO optimized • Open source ready
Developer
Download Statistics
Total Downloads
601,149,433
Last Day
255,520
Last Week
4,596,146
Last Month
20,733,641
Last Year
211,680,960
GitHub Statistics
MIT-0 License
997 Stars
4,433 Commits
80 Forks
10 Watchers
5 Branches
132 Contributors
Updated on Sep 02, 2025
Sponsor this package
Maintainers
3
Package Meta Information
Latest Version
4.0.0
Package Id
@csstools/postcss-normalize-display-values@4.0.0
Unpacked Size
8.08 kB
Size
3.16 kB
File Count
7
NPM Version
10.7.0
Node Version
22.1.0
Published on
Aug 03, 2024
Total Downloads
Cumulative downloads
Total Downloads
601,149,433
Last Day
-26.4%
255,520
Compared to previous day
Last Week
-5.5%
4,596,146
Compared to previous week
Last Month
1.8%
20,733,641
Compared to previous month
Last Year
9.7%
211,680,960
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
1
PostCSS Normalize Display Values 
PostCSS Normalize Display Values lets you specify definition of outer and inner displays types for an element.
1.element { 2 display: inline flow-root; 3} 4 5/* becomes */ 6 7.element { 8 display: inline-block; 9 display: inline flow-root; 10}
See prior work by cssnano here postcss-normalize-display-values To ensure long term maintenance and to provide the needed features this plugin was recreated based on cssnano's work.
Usage
Add PostCSS Normalize Display Values to your project:
1npm install postcss @csstools/postcss-normalize-display-values --save-dev
Use it as a PostCSS plugin:
1const postcss = require('postcss'); 2const postcssNormalizeDisplayValues = require('@csstools/postcss-normalize-display-values'); 3 4postcss([ 5 postcssNormalizeDisplayValues(/* pluginOptions */) 6]).process(YOUR_CSS /*, processOptions */);
PostCSS Normalize Display Values runs in all Node environments, with special instructions for:
| Node | PostCSS CLI | Webpack | Gulp | Grunt |
|---|
Options
preserve
The preserve option determines whether the original source
is preserved. By default, it is preserved.
1postcssNormalizeDisplayValues({ preserve: false })
1.element { 2 display: inline flow-root; 3} 4 5/* becomes */ 6 7.element { 8 display: inline-block; 9}
No vulnerabilities found.