CSS 调度股

CSS 调度股 允许您使用 ic 长度单位,跟随 CSS 值和单位模块 规格.

p {
  text-indent: 2ic;
}

.bubble {
  width: calc(8ic + 20px);
}

/* becomes */
p {
  text-indent: 2em;
}

.bubble {
  width: calc(8em + 20px);
}

参见先前的作品 朱赫荣 这里 职位单位 为了确保长期维护并提供必要的特性,这个插件是在JLHwung的作品基础上被再造的.

使用量

添加 CSS 调度股 对您的项目:

npm install postcss @csstools/postcss-ic-unit --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssIcUnit = require('@csstools/postcss-ic-unit');

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

CSS 调度股 在所有节点环境中运行,带有特殊 说明:

选项

保护

这个 preserve 选项决定原始源是否 被保存下来。 默认情况下,它没有被保存.

postcssIcUnit({ preserve: true })

p {
  text-indent: 2ic;
}

/* becomes */

p {
  text-indent: 2em;
  text-indent: 2ic;
}