PostCSS 显示值规范化

PostCSS 显示值规范化 让您指定元素的外部和内部显示类型的定义.

.element {
  display: inline flow-root;
}

/* becomes */

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

参见先前的作品 克斯纳诺 这里 后cs - 正常化 - 显示值 为了确保长期维护,并提供所需的特性,这个插件根据csnano的作品被重新创建.

使用量

添加 PostCSS 显示值规范化 对您的项目:

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

当作一个 邮政 插件 :

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

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

PostCSS 显示值规范化 在所有节点环境中运行,带有特殊 说明:

选项

保护

这个 preserve 选项决定原始源是否 被保存下来。 默认保存.

postcssNormalizeDisplayValues({ preserve: false })

.element {
  display: inline flow-root;
}

/* becomes */

.element {
  display: inline-block; 
}