athea

Repositories Projects Packages

@csstools/postcss-normalize-display-values (1.0.1)

Published 2026-02-24 13:49:05 +00:00 by atheaadmin

Installation

Setup this registry in your project .npmrc file:

@csstools:registry=

To install the package using npm, run the following command:

npm install @csstools/postcss-normalize-display-values@1.0.1

or add it to the package.json file:

"@csstools/postcss-normalize-display-values": "1.0.1"

For more information on the npm registry, see the documentation.

About this package

PostCSS Normalize Display Values

PostCSS Normalize Display Values lets you specify definition of outer and inner displays types for an element.

.element {
  display: inline flow-root;
}

/* becomes */

.element {
  display: inline-block;
  display: inline flow-root;
}

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:

npm install postcss @csstools/postcss-normalize-display-values --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssNormalizeDisplayValues = require('@csstools/postcss-normalize-display-values');

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

PostCSS Normalize Display Values runs in all Node environments, with special instructions for:

Node	PostCSS CLI	Webpack	Create React App	Gulp	Grunt

Options

preserve

The preserve option determines whether the original source is preserved. By default, it is preserved.

postcssNormalizeDisplayValues({ preserve: false })

.element {
  display: inline flow-root;
}

/* becomes */

.element {
  display: inline-block; 
}

Dependencies

Dependencies

ID	Version
postcss-value-parser	^4.2.0

Peer Dependencies

ID	Version
postcss	^8.2

Keywords

block css display flex flow flow-root grid inline inline-block inline-flex inline-grid inline-table list-item postcss-plugin ruby ruby-base ruby-text run-in table table-caption table-cell

Details

npm

2026-02-24 13:49:05 +00:00

1

Jonathan Neal

Project Site

CC0-1.0

latest

5.5 KiB

Assets (1)

postcss-normalize-display-values-1.0.1.tgz 5.5 KiB

Versions (1) View all

1.0.1 2026-02-24