Question

我现在只使用precss插件，但我想在PostCSS中像这样计算变量

$sidebar-width: 50px;
$container-padding-left: 20px;

#sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: $sidebar-width;
  z-index: 100;
}
#container {
  margin-left: -$sidebar-width;
  padding-left: $sidebar-width + $container-padding-left;
}

在postCSS中是否有任何用于计算+的插件？

我也试过了calc($sidebar-width + $container-padding-left);，但它不起作用。

我查了https://github.com/postcss/postcss/blob/master/docs/plugins.md 但我找不到我想要的东西。

Answer 1

我找到了postcss-calc https://github.com/postcss/postcss-calc

这就是我想要的。在precss完成后插入计算模块。

Answer 2

padding-left：$ sidebar-width + $ container-padding-left;

postcss-automath做得更好，没有calc（）

Answer 3

好像你在postcss-calc之后放了变量插件。当订单正确时，只需使用PreCSS插件包。

有和变量的PostCSS插件吗？

3 个答案: